Vue 重新渲染 cookie 值的变化

Posted 2023-03-10

【中文标题】Vue 重新渲染 cookie 值的变化

【英文标题】：Vue rerendering on cookie value change

【发布时间】：2021-03-20 06:01:22

【问题描述】：

我一直在做我的第一个 Vue 项目，并且必须想办法保持用户的登录“状态”，因为后端是无状态的 (jwt)。我想把这个状态保存在一个cookie中，我使用vue-cookies插件存储它。所以我这样设置 cookies.set("isUserLoggedIn", true, "infinite");。 然后我把它放在一个计算属性中，所以应用程序的视图将被重新渲染

  computed: 
    getUserLoginStatus() 
      return this.$cookies.get("isUserLoggedIn") != null;
    
  

这可行，但只有在手动页面刷新后，我们将不胜感激。

【参考方案1】：

默认情况下，cookie 不是反应式的。您可以借助诸如that one 之类的库来使它们具有反应性。它允许您使用 cookie 作为计算属性或观察 cookie 以了解请求所做的更改

【讨论】：

谢谢，这几乎正是我已经在使用的，但可以满足我的需要。