vue每次修改刷新当前子组件

刚入门vue,发现很多坑,对很多框架兼容性不太友好,比如layui等

每次删除相关信息,更新相关信息,不会主动刷新当前页面内容,只能手动刷新

第一步,我们在跟组件理由设置一个参数,用来判断是否需要刷新

<router-view v-if = 'isRouterAlive'></router-view>

在跟组件添加
provide(){
return{
reload:this.reload
}
},
data(){
return {
currentUser_name:localStorage.getItem('currentUser_name'),
isRouterAlive:true, //要记得返回这个,不然的话,路由都不见了
}
},
注册一个reload方法
reload(){
this.isRouterAlive = false
this.$nextTick(function () {
this.isRouterAlive = true
})
},
最后在子组件里头进行注册
inject:['reload'],
使用的时候调用
this.reload();就可以了

上一篇:Android Studio 学习 - Intent学习


下一篇:C# 通过Devart连接Oracle(不需要客户端)