VUEX 状态已更新，但页面内容未更新 0

Posted 2023-02-22

【中文标题】VUEX 状态已更新，但页面内容未更新 0

【英文标题】：VUEX State has been updated, but page content is not updated 0

【发布时间】：2020-07-04 17:22:37

【问题描述】：

我使用 Nuxt、auth 和 VUEX 状态来控制登录和注销过程。

我登录后，VUEX 状态已经更新。但是页面仍然没有显示我的名字。只有在我刷新页面后，页面内容才会更新。我不知道为什么会这样。能否请您提供一些提示？

页面刷新前：

页面刷新后：

下面是我的代码 sn-p：

【问题讨论】：

我发现了一些新东西，它只在将当前重定向到另一个时才会发生。例如：注销后，页面被重定向到主页。问题发生了。我使用下面的代码 sn-p: async onLogout() await this.$auth.logout(); //它会重定向到主页。

【参考方案1】：

您需要使用 getter 来“计算”值，您使用的是哪个视图版本？

'vue-property-decorator' 中的一个例子：

get updateResult() 
    return this.result;

【讨论】：

用于使用不需要执行函数的值，它是一个变量： this.updateResult