localstorage.getItem() 在 NUXT JS 中不起作用
localstorage.getItem() not working in NUXT JS
我正在尝试用 nuxt js 开发一个购物车。我已成功将购物车数据存储在本地存储中，但无法检索数据。
N.B: 我不想使用 vuex-persistedstate。
我看到很多小问题。
首先，根据您提交 saveInLocalStorage.
的事实判断，您似乎已经放置了 addToCart 和 saveInLocalStorage
突变只能用于设置单个 Vuex 变量的状态。
它们应该是纯净的，这意味着它们不应该有副作用。
在使用 dispatch 到 运行 saveInLocalStorage行动。
其次，不清楚您实际 运行 从本地存储功能获取此功能的位置。你 运行 是 Vuex 商店的顶层吗？
如果是这样，为了解决它不更新 Vuex 存储的实际问题，您将需要函数负责获取 storedCart 的值并使用它来设置 cart 为确保 Vuex 存储实际更新的突变。
最后，这里没有必要使用三元。只需将 Vuex cart 对象设置为空数组即可。
我正在尝试用 nuxt js 开发一个购物车。我已成功将购物车数据存储在本地存储中，但无法检索数据。
N.B: 我不想使用 vuex-persistedstate。
我看到很多小问题。
首先，根据您提交 saveInLocalStorage.
addToCart 和 saveInLocalStorage
突变只能用于设置单个 Vuex 变量的状态。
它们应该是纯净的，这意味着它们不应该有副作用。
在使用 dispatch 到 运行 saveInLocalStorage行动。
其次，不清楚您实际 运行 从本地存储功能获取此功能的位置。你 运行 是 Vuex 商店的顶层吗？
如果是这样，为了解决它不更新 Vuex 存储的实际问题，您将需要函数负责获取 storedCart 的值并使用它来设置 cart 为确保 Vuex 存储实际更新的突变。
最后，这里没有必要使用三元。只需将 Vuex cart 对象设置为空数组即可。