iview树形组件使用render出现的问题


项目使用的是iviewUI库,其中使用的tree组件是非常棒的一个树状组件,但是很可惜,跟我们的需求还是差了一点。

时间紧任务重的情况下只能使用附带的render函数来添加新的样式以满足项目的需求。

 从单一选项改为三个选项,每个选项都有相互关联的关系:

 

 

最开始项目还是很顺畅的,后来数据量大的时候发现很卡顿,经测试(在iview Run测试):

数据量超过100,勾选的时候会有卡顿,不影响使用;

超过500卡顿明显,勾选的时候会有卡顿,超过2s;

超过1000卡顿很严重,勾选的时候会有卡顿,体验非常差;

应该是和render渲染的数据量,dom有关,最后将展示的数据量控制在100-200之间,其余的收缩,以此来规避大数据量卡顿的问题

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM