vue项目中页面跳转强制刷新，解决this.$router.go(0)白屏的问题

1.在App.vue中,声明reload方法，

<template>
  <div id="app">
    <router-view v-if="isRouterAlive" />
  </div>
</template>

<script>
export default {
  name: 'App',
  provide() {
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    reload() {
      this.isRouterAlive = false
      this.$nextTick(function () {
        this.isRouterAlive = true
      })
    }
  }
}
</script>

2.在需要用到刷新的页面，添加inject: [‘reload’]，

3.在需要刷新的地方调用this.reload()方法，例如：

  watch: {
    //监听到路由跳转时，强制刷新
    '$route'(to, from) {
      this.reload()
    }
  }