Vue.js 在v-if条件更改时未热重新加载Nuxtjs组件

我有一个导航栏组件，它包含两个按钮“注销”和“仪表板”，只有在用户经过身份验证时才会显示。（使用v-if）

但是，当用户单击注销按钮时，导航栏不会重新加载，因此按钮在重新加载页面之前保持可见。如何设置我的v-if条件，以便在v-if值更改时，组件（div）也会更新

我的导航栏

注销
仪表板
导出默认值{
数据（）{
返回{
用户令牌：“”，
},
方法：{
getUserToken（）{
let token=this.$cookies.get（'userToken'）
如果（令牌）{
this.userToken=token
此.$router.push（'user\u dashboard'）
}
},
注销（）{
这是.$cookies.remove（'userToken'）
this.userToken=“”
}
},
安装的（）{
this.getUserToken（）
},
// ...

好的，我真的很抱歉，我最终通过做出以下更改解决了问题：

方法：{
getUserToken（）{
let token=this.$cookies.get（'userToken'）
如果（令牌）{
this.userToken=token
此.$router.push（'user\u dashboard'）
}否则{
this.userToken=“”
}
},
注销（）{
这是.$cookies.remove（'userToken'）
this.getUserToken（）
}
},
安装的（）{
this.getUserToken（）
},