Vue 组件强制刷新

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_39975379/article/details/100927995

当组件里面有使用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.路由替换