Vue 重新渲染 cookie 值更改

Question

我一直在处理我的第一个 Vue 项目，由于后端是无状态的 (jwt)，所以我不得不想出一种方法来保持用户的登录“状态”。我想将这种状态保存在一个 cookie 中，我使用 vue-cookies 插件存储它。所以我这样设置 cookies.set("isUserLoggedIn", true, "infinite");。然后我把它放在一个计算属性中，所以应用程序的视图将被重新呈现

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

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

Answer 1

默认情况下，cookie 不是反应性的。您可以借助 that one 等库使它们具有反应性。它允许您将 cookie 用作计算属性或监视 cookie 以了解请求所做的更改

Vue 重新渲染 cookie 值更改

Vue rerendering on cookie value change

cookies

render

jwt

vue.js