vue

vue如何只刷新当前页面

2020-08-12  本文已影响0人  七分热度丶

我们要用到provide 和 inject ,这个不懂的人可以去搜一些。
在app.vue中

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

 export default {
  provide(){
    return{
      reload:this.reload
    }
  },
  data() {
    return {
      isRouterAlive:true
    }
  },
  methods:{
    reload(){
      this.isRouterAlive=false
      this.$nextTick(()=>{
        this.isRouterAlive=true
      })
    }
  }
};

在需要刷新的页面使用

 export default {
 inject:['reload'],
}
methods:{
   //调用这个方法就可以完美刷新了·
    refresh(){
       this.reload()
    }
上一篇下一篇

猜你喜欢

热点阅读