当前位置: 首页 > news >正文

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


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

http://www.dtcms.com/a/294338.html

相关文章:

  • 【数据结构】——时间与空间复杂度深度解析
  • MATLAB近红外光谱分析:MATLAB编程+BP神经网络+SVM+随机森林+遗传算法+变量降维+卷积神经网络等
  • 云蝠智能 Voice Agent:重构企业语音交互,引领 AI 服务新范式
  • 《Spring Bean生命周期全景图解:从实例化到销毁》
  • 增强LLM最后隐藏层的意义与效果
  • 文本溢出时显示省略号,并在鼠标移入文本时显示 tooltip全内容
  • Taint Bug (污点漏洞):
  • 【bug】websocket协议不兼容导致的一个奇怪问题
  • 垃圾回收介绍
  • jenkins 入门指南:从安装到启动的完整教程
  • Selenium是解决了什么问题的技术?
  • web安全 | docker复杂环境下的内网打点
  • Docker 启动 PostgreSQL 主从架构:实现数据同步的高效部署指南
  • VRRP的概念及应用场景
  • 彩色转灰度的核心逻辑:三种经典方法及原理对比
  • 优雅!通过编程方式重启 Spring Boot 应用的 3 种方案
  • Apache PDFBox深入实践
  • python学智能算法(二十九)|SVM-拉格朗日函数求解中-KKT条件
  • PHP语法高级篇(五):回调函数与异常处理
  • Ansible 变量指南:声明、优先级、作用域与最佳实践(一)
  • Jquery、Vue 、Ajax、axios、Fetch区别
  • Ansible在配置管理中的应用
  • ffmpeg rtsp 丢包处理
  • SSH公钥认证连接过程
  • Linux 进程与服务管理~进程基础、进程查看、进程控制、服务管理、开机启动​​
  • 纯CPU场景下C++的分布式模型训练框架设计思路
  • 2025.7.20 文献阅读-基于深度神经网络的半变异函数在 高程数据普通克里格插值中的应用
  • go语言数据结构与排序算法
  • 【C++】C++ 的入门知识2
  • Android 持久化存储原理与使用解析