javascript - 如何修改vuex中指定的localstorage项？

Question

我想更改vuex中指定的localstorage项。

例如，我有这样的 localstorage 项目:

{
  'id' = 1, 'another' = 2
}

我只想更改id，我该怎么做？

我只知道基本用法是这样的:

localStorage.setItem("user", JSON.stringify(state.currentUser))

我尝试过类似的方法，但看起来不起作用

localStorage.setItem("user.id", "2")

Answer 1

您可以使用getItem()获取当前值和spread operator分配值如下:

const newValue = {
   ...JSON.parse(localStorage.getItem("user")),
   id: 2
}

localStorage.setItem("user", JSON.stringify(newValue))