vue子页面控制父页面刷新问题

 //父组件调用子组件
<el-dialog :visible.sync="showDialog" width="65%">
      <version
        v-if="showDialog"
        :versionId="versionId"
        :currentVersion="currentVersion"
        :batchNo="batchNo"
        :showDialog="showDialog"
        :subjectList="subject"
        @on-load = "onLoad"
        @refresh-change="handleRefreshChange"//调用方法
      ></version>
    </el-dialog>
methods:{
handleRefreshChange() {
      this.onLoad(this.page);//调用父组件的刷新方法
    },
}

//在需要点击后刷新的位置添加上
this.$emit('refresh-change',true);

location.reload();

this.$router.go(0);

<template>
  <div id="app">
    <router-view v-if="isRouterAlive"> </router-view>
  </div>
</template>
<script>
export default {
  name: "App",
  data() {
    return {
      isRouterAlive: true,
    };
  },
  provide() {
    return {
      reload: this.reload,
    };
  },
  methods: {
    reload() {
      this.isRouterAlive = false; //先关闭，
      this.$nextTick(function () {
        this.isRouterAlive = true; //再打开
      });
    },
  },
};
</script>

export default {
    inject:['reload'], 
    data () {
        return {}
    },

this.reload();

<template>
  <div>
    <button @click="cli"></button>
  </div>
</template>
<script>
export default {
  name: "1",
  methods: {
    cli() {
      this.$router.go(0); //我这里随便用一种刷新的方法
    },
  },
};
</script>
<style scoped>
</style>

<template>
  <div></div>
</template>
<script>
export default {
  name: "1",
  mounted() {
    setInterval(() => {
      this.$router.go(0); //我这里随便用一种刷新的方法
    }, 300000); //每5分钟自动调用一次
  },
};
</script>
<style scoped>
</style>