问题展示:
解决方案:
1.将获取到的原始数据深拷贝一份
2.对得到的拷贝数据进行操作后,赋值给Tree组件绑定的data
深拷贝方法:
deepCopy(source) {
let sourceCopy = source instanceof Array ? [] : {};
for (var item in source) {
sourceCopy[item] = typeof source[item] === "object" ? this.deepCopy(source[item]) : source[item];
}
return sourceCopy;
}
以下方法实现功能为:让Tree结构中resourceId为某个值的数据被选中,并且该层级及以上层级都默认展开
node:为深拷贝后的原始数据 , resourceId:想要被选中的那条数据的resourceId
buildTree(node, resourceId) {
if (node.currentNodeResources && node.currentNodeResources.length > 0) {
if (node.currentNodeResources[0].resourceId === resourceId) {
node.selected = true;
node.expand = true;
return node;
}
}
let current = null;
if (node.childNode && node.childNode.length > 0) {
node.childNode.forEach((element) => {
current = this.buildTree(element, resourceId); //递归调用
if (current.expand) {
node.expand = true;
}
});
}
return node;
},