iview+Tree 在数据中添加selected和expand属性默认展开后点不动问题

Posted 2023-02-23

参考技术A 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;

    ,