现象:
elmentUI树,在data属性(数组)push 或者splice一些内容之后,树不会实时更新问题,原来是取到这个data,对其进行push或splice一些列操作之前,需要对这个data 深拷贝一份,然后进行以上操作,最后需要确保这个data 是响应式的,即需要重新$set 到data上:
let childNodes = utils.objDeepCopy(this.leftTreeData[this.sceneId]);
let nodeData = response.data.respData; // 这是要新增的数据
if (childNodes) {
// 这里先把"加载更多删掉"
childNodes.splice(childNodes.length - 1, 1);
}
childNodes.push(...nodeData)
if (nodeData.length === this.maxSize && this.maxSize) {
childNodes.push({ nodeId: 'loadmore' + Math.random(), nodeType: '99' });
}
this.$set(this.leftTreeData, this.sceneId, childNodes);