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

感谢观看！

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

Vuex mutation inside array of objects after backend update saves

state

mutation

vuex

vuejs2

vuex-modules