elementUI中的el-tree是常用的树形功能组件,其强大丰富的功能足够覆盖大多数场景;不过通用,自然也导致组件特别复杂,树节点数据量大的时候,会在性能上凸显出来。一般在几千个节点就能感受到顿卡了,如果再加上一些事件处理,卡顿将是不可接受的...
# 实例对比 为满足大数据量的树形渲染,我们引入ZTree,以下是对比:
你可以直接上手试试,数量越大越明显,可以清晰看到渲染时间的差异。
最大深度 最大子节点数 生成tree 渲染 渲染el-tree 渲染z-tree 节点数:1 el-tree渲染时间:0ms
z-tree渲染时间:0ms
Show Copy Copy# ZTree zTree在性能优化方面已经做到了近乎极致
那我们来看看,ZTree (opens new window)
zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。
zTree 是开源免费的软件(MIT 许可证)。如果您对 zTree 感兴趣或者愿意资助 zTree 继续发展下去,可以进行捐助 (opens new window)。
因为我们是用vue开发,所以需要对其进行封装;这里是他的文档 (opens new window)。