嵌套数组属性的{Vue.set()

时间:2018-03-09 00:03:21

标签: arrays vue.js nested set

我一直试图通过以旧方式更新数组来触发Vue DOM更新,显然它不会这样做,因为Vue上的ceveats检测到对象/数组的变化。我不知道如何使用Vue.set访问我的嵌套数组属性。通常情况下,我会访问并分配我的属性(顺便说一下这是Vuex中的状态):

state.timelines[0].events[0].item.info = payload.info

我不知道如何访问并使用.set分配该属性,我尝试了一些组合,但它们无法正常工作。感谢。

1 个答案:

答案 0 :(得分:0)

解决方案:在尝试更改对象属性时,即使其深入嵌套数组,也只需使用:Vue.set(arrayA[indexA].arrayB[indexB].object('objectPropertyName', newValue))

如果处理数组使用: Vue.set(array, arrayIndex, newValue)