如何使用Nuxt.js在vuex状态下获取本地存储数据

Question

我正在用Nuxt建立购物车。但是当我刷新页面时，购物篮会自动清空。

我尝试像vuex-persist，vuex-persistedstate之类的库... 但我没有解决办法。

现在，我正在寻找一种直接从本地存储中获取购物车初始状态的方法。

state: {
      cart: [] //here what i want => window.localStorage.getItem("cart")
    }

非常感谢。

Answer 1

使用 nuxt-vuex-localstorage 它工作得很好并且与 vuex 同步

Answer 2

您只能在浏览器中访问localStorage。在SSR期间无法访问。 因此，您需要在vuex存储中创建一个创建突变的变量，该变量将执行您想要的操作并将其提交到已挂接的钩子中（已挂载仅在浏览器中执行）。

例如

print("This will be printed to both file and terminal")