vue中刷新页面-页面不留白刷新法-reload

第一步：先再App.vue里给加一个if判断，通过$nextTick()实现先移除再添加达到刷新的功能。

  <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>

第二步：在需要用到刷新的页面接收 inject:[‘reload’]

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

第三步：在需要使用到刷新的地方直接调用

this.reload();