当组件里面有使用vuex的缓存状态时,修改了缓存状态的内容,组件并未更新。
目前强制组件刷新有两种方式
1. v-if 强制组件重新渲染
<template>
<push-info v-if="isRouterAlive"/>
</template>
<script>
export default {
data () {
return {
isRouterAlive: true
}
},
computed:{
thirdAccountId: function (){
return Number(store.getters.selectedAccount.thirdAccountId)
}
}
watch:{
thirdAccountId: {
handler(nv, ov) {
if (nv != ov) {
this.isRouterAlive = false
this.isRouterAlive = true
}
},
deep: true
},
}
}
</script>
2.路由替换