vuejs2 - 后端更新保存后对象数组内的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))
}

感谢您的关注！