美文网首页vue
vue如何只刷新当前页面

vue如何只刷新当前页面

作者: 七分热度丶 | 来源:发表于2020-08-12 10:29 被阅读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()
        }
    

    相关文章

      网友评论

        本文标题:vue如何只刷新当前页面

        本文链接:https://www.haomeiwen.com/subject/ohdpdktx.html