vue-virtual-scroll-list
vue-virtual-scroll-list copied to clipboard
是否考虑对树形数据结构进行支持
有没有办法增加对树形数据结构场景的支持,或者在现有基础上支持树形结构的虚拟列表渲染
已经有基于vue-virtual-scroll-list的虚拟列表树实验案例,搜索虚拟列表树可以得到非常多,最简做法可以参考https://juejin.cn/post/7062676726307880997
最简做法支撑少量设备没有问题,但是对于大数据量支撑依旧存在较大的瓶颈,单个树节点下超5w+勾选就会卡顿,并且接口获取数据下载耗时也极长
目前有实践基于vue-virtual-scroll-list实现虚拟列表树,支撑每个树节点下20w+数据基本没有问题:
- 懒加载,解决树层级过多问题
- 游标分页,解决单级节点数据量过多问题
效果:
- 展开树节点,懒加载当前节点下的前100条
- 滚动到当前节点下最后一条数据时,再次触发本节点下一页请求
- 各个节点存储自己使用的分页参数及resolve