后端更新保存后对象数组内的 Vuex 突变

Question

我有一个对象数组。当我的 api 执行更新方法并保存时，我正在通过 laravel-echo-server 广播一个事件，并尝试与更新对象改变状态。我正在尝试实时更新。除了实际的突变之外，一切都在按计划进行。这是它的开始：

updateExample (state, example) {
state.examples.map(e => {
if (e.id === example.id) {
// entirely replace the old object with the new
}
return false
})
},

什么是理想的方法？我也可以从数组中弹出旧对象并推送一个新对象，但这似乎很不稳定。

Answer 1

没关系，想通了：

updateExample (state, example) {
let index = state.examples.findIndex(e => e.id === example.id)
if (index !== -1) {
state.examples[index] = new Example(example)
return
}
state.examples.push(new Example(example))
}

谢谢你看它！