Vue单页面开发刷新当前界面

2018-12-14  本文已影响19人  鲲鹏DP

1.App.vue界面配置

//A.
  <router-view v-if="isRouterAlive"></router-view>
//B.provide(与methods同级)
  provide(){
        return{
            reload:this.reload
        }
    },
//C.提供刷新方法
 methods:{
        reload(){
            this.isRouterAlive = false;
            this.$nextTick(function () {
                this.isRouterAlive = true;
            })
        }
    }

2.需要刷新的界面

A.注入(inject)--->与methods同级
inject:['reload']
B.适当的场景调用reload
this.reload();
上一篇下一篇

猜你喜欢

热点阅读