vue-virtual-scroll-list icon indicating copy to clipboard operation
vue-virtual-scroll-list copied to clipboard

是否考虑对树形数据结构进行支持

Open lixiaowei11111 opened this issue 1 year ago • 1 comments

有没有办法增加对树形数据结构场景的支持,或者在现有基础上支持树形结构的虚拟列表渲染

lixiaowei11111 avatar Oct 18 '23 08:10 lixiaowei11111

已经有基于vue-virtual-scroll-list的虚拟列表树实验案例,搜索虚拟列表树可以得到非常多,最简做法可以参考https://juejin.cn/post/7062676726307880997

最简做法支撑少量设备没有问题,但是对于大数据量支撑依旧存在较大的瓶颈,单个树节点下超5w+勾选就会卡顿,并且接口获取数据下载耗时也极长 Snipaste_2023-11-06_11-44-06

目前有实践基于vue-virtual-scroll-list实现虚拟列表树,支撑每个树节点下20w+数据基本没有问题:

  1. 懒加载,解决树层级过多问题
  2. 游标分页,解决单级节点数据量过多问题

效果:

  1. 展开树节点,懒加载当前节点下的前100条
  2. 滚动到当前节点下最后一条数据时,再次触发本节点下一页请求
  3. 各个节点存储自己使用的分页参数及resolve 2

TinaSprunt avatar Nov 06 '23 03:11 TinaSprunt