1.数组响应式更新示例(含子元素为数组的情况):
秘诀:
1.$set方法第1个参数target不可以使用 obj.obj1或arr[0]这样的级联读取方式,只允许使用顶层对象;
2.子元素需要采用js传统方法(不需要采用vue响应式方法)提前组装好,传给$set方法第3个参数value即可;
- data
data() {
return {
dianweiTree:[
// {
// key:"",
// label: "",
// children: [{key:"",label: ""},{key:"",label: ""}]
// }
],
}
}
- method
methods: {
test1(){
let self = this;
let children11={};
children11.key="1-1";
children11.label="1-1";
let dianwei1={};
dianwei1.key="1";
dianwei1.label="1";
dianwei1.children=[children11];
self.$set(self.dianweiTree,0,dianwei1);
},
}