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

Question

如题所述

Answer 1

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;

    },