变异数组 Vuex

Question

以下突变不起作用：

const mutations = {
  [types.UPDATE_IMG_URLS] (state, newArray) {
    state.imageUrlArray.concat(newArray)
  },
(...)
}

然而这个确实如此：

const mutations = {
  [types.UPDATE_IMG_URLS] (state, newArray) {
    state.imageUrlArray = state.imageUrlArray.concat(newArray)
  },
(...)
}

我认为数组和对象在 Javascript 中是通过引用传递的。 Vuex 会干预这种行为吗？

Answer 1

concat方法不改变现有数组，而是returns一个新数组。这就是为什么您需要用新返回的数组主动覆盖 state.imageUrlArray。

如果出于某种原因，您想就地进行突变，您应该可以这样做：state.imageUrlArray(state.imageUrlArray, newArray)

Mutating Arrays Vuex