变异阵列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。