如何使Vuex对列表内对象中的属性/属性更改有反应

Question

在vuex存储文件中，我有一个最初是一个空列表的变量。 此列表最终将包含用户，这些用户是具有ID，名，姓，（...）

形式的对象

export const state = () => ({
  users: []
})

在应用程序的整个生命周期中，我推送用户。我的应用程序上有一个页面，显示用户数据。一切都很好，直到需要更新一个用户为止。

let user = state.user.find(u => u.Id == user.Id)
user.firstname = newFirstname
user.lastname = newLastname

这是一个问题，因为该页面将不会更新。我也不能说用户列表将具有哪些属性，因为它是列表而不是对象。那我该如何处理呢？

Answer 1

创建您的newUser对象，然后使用语言集。

Vue.set(array, indexOfItem, newValue) // or this.$set(...)

有关更多信息，请参见docs。