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();