返回博客

解决 Element el-tree 树状数据量大时卡顿问题

Element-UI 的 el-tree 组件在处理超过 1000 条树状数据时出现卡顿现象。本文介绍如何使用虚拟滚动技术解决此问题，并提供一个可用的 GitHub 仓库链接。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
Mt.r
|
#JavaScript #Element-UI

问题

Element-UI 的树状数据条数超过 1000 条，发现有轻微的卡顿，有虚拟滚动条解决该问题

解决

用下面仓库

https://github.com/niesk/el-virtual-tree

上一篇
JavaScript 获取页面所有 Script 标签
本文介绍如何使用 JavaScript 获取页面上所有的 Script 标签，并判断 JavaScript 文件是否已加载。
 下一篇
Element el-tree 组件搜索高亮
Element UI 的 el-tree 组件实现搜索关键词高亮显示的解决方案，使用正则表达式替换关键词并用 `<mark>` 标签包裹实现高亮效果。