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

问题展示：

问题展示

解决方案：

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;

    },

最后编辑于：2025-06-15 10:17:23 © 著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务

喜欢的朋友记得点赞、收藏、关注哦！！！