VUE 修改对象里的对象数组，怎么做才能实现响应式更新？

Question

大概是这样的结构：

obj = {
  key: value,
  key2: [
    { id: id1, text: text1 },
    { id: id2, text: text2 }
  ]
}

现在需要把 key2 的数组整个替换掉，我是这样写的：

this.$set(obj, key2, newObjArray)

console 出来数据确实已经替换了，但是页面没有反应，改怎么做才能实现响应式更新？

Answer 1

引用类型的问题

this.obj.key2 = [...newObjArray]

// 或者
this.$set(obj, key2, [...newObjArray])