vue 页面刷新不闪白的方法

147 阅读1分钟

第一步:在App.vue页面里

 <div id="app">
     <router-view v-if="isRouterAlive"></router-view> 
  </div>
 provide(){
      return{
        reload:this.reload
      }
    },
  data() {
    return {
      isRouterAlive:true,
    }
  },
methods:{
   reload(){
      this.isRouterAlive=false
      this.$nextTick(()=>{
        this.isRouterAlive=true
      })
    }
  },

第二步:在需要使用刷新的页面里

export default {
  inject:['reload'],
}
methods: {
    //点击方法刷新
    getclick() {
      this.reload()
    }
}