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

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

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

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

 

 

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

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

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

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

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

 

你可能感兴趣的