VUE刷新

此方法为在页面上自己添加的刷新功能， 跟浏览器刷新无关

第一步：App.vue

<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>
<script lang="ts">
  import { Component, Vue } from "vue-class-decorator";

  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>

第二步：需要刷新的组件中

export default {
  inject:['reload'],
  components:{Status},
  data(){
    
  },
  methods:{
    //点击刷新
    clickRefresh(){
      this.reload();
    },

}