变异阵列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方法不会更改现有数组，但会返回一个新数组。这就是为什么你需要用新返回的数组主动覆盖state.imageUrlArray。

如果由于某种原因，您想要进行突变，您应该能够：state.imageUrlArray(state.imageUrlArray, newArray)

有关详细信息，请参阅https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/concat。