javascript - 如何克隆 Vuex 数组？

Question

我有一个 Vuex 数组(this.buildings)。在将它变成 api 的有效负载之前，我无法直接对其进行变异，因此我尝试使用 slice() 克隆它:

const buildingsPayload = this.buildings.slice() 
  buildingsPayload.forEach((building, index) => {
  building.index = index
})

但是我仍然遇到 Do not mutate vuex store state outside mutation handlers. 错误。

正确的做法是什么？

Answer 1

尝试这样的事情:

const buildingsPayload = this.buildings.map((b, idx) => Object.assign({ index: idx }, b));

它还会复制对象，因此您不会修改它们的状态。