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

vxe-table树形结构使用setCheckboxRow卡顿--已解决

项目场景:

vxe-table树形结构使用setCheckboxRow进行部分节点选中

问题描述

vxe-table树形结构使用setCheckboxRow,在数据较多时卡顿

原因分析:

setCheckboxRow内部进行了多次的循环遍历,导致速度慢

解决方案:

  1. 设置checkFieldindeterminateField,然后自己写选中和部分选中的算法。在这里插入图片描述

  2. 后端返回的是平铺的数据,先转为树形结构,再处理部分选中,再转为平铺。在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  3. 此处我们使用reloadData进行渲染数据,而不是在组件中使用:data="treeData"
    在这里插入图片描述

  4. 会出现设置了半选但是页面没有生效的问题,需要额外处理在这里插入图片描述

http://www.lryc.cn/news/423324.html

相关文章:

  • 配置错误和 IAM 弱点是云安全的主要隐患
  • Redis系列之Redis Cluster
  • 网站证书过期导致WordPress后台无法登录问题解决,页面样式丢失
  • LeetCode刷题笔记第191题:位1的个数
  • C语言—函数栈帧
  • IDEA 2022.1.4用前需知
  • Python数据可视化案例——折线图
  • Ubuntu虚拟机安装及汉化
  • 记2024-08原生微信小程序开发
  • 嵌入式linux系统镜像制作day1
  • 【相机与图像】2. 相机内外参的标定的代码示例
  • 重启人生计划-拒绝内耗
  • 盘点电脑开机慢的几大高频原因
  • 2-64 基于matlab的Consensus-Based Bundle Algorithm (CBBA)算法
  • Win10 去掉桌面右上角 了解有关此图片的信息
  • tcpdump入门——抓取三次握手数据包
  • 漏洞复现-GitLab任意读取文件(CVE-2023-2825)
  • 二叉树——9.找树左下角的值
  • 如何用github制作个人网站
  • 二.PhotoKit - 相册权限(彻底读懂权限管理)
  • 二叉树------最小堆,最大堆。
  • 预约功能的知识整理
  • Linux的常用操作-02
  • Android Studio 连接手机进行调试
  • Vue3项目创建及相关配置
  • 【Python】Python中一些有趣的用法
  • RCE复现问题和研究
  • MySQL中的索引——适合创建索引的情况
  • 5款在线伪原创改写软件,智能改写文章效果好
  • opencv-python图像增强四:多曝光融合(方法一)