项目场景:
vxe-table树形结构使用setCheckboxRow
进行部分节点选中
问题描述
vxe-table树形结构使用setCheckboxRow
,在数据较多时卡顿
原因分析:
setCheckboxRow
内部进行了多次的循环遍历,导致速度慢
解决方案:
-
设置checkField
和indeterminateField
,然后自己写选中和部分选中的算法。
-
后端返回的是平铺的数据,先转为树形结构,再处理部分选中,再转为平铺。
-
此处我们使用reloadData
进行渲染数据,而不是在组件中使用:data="treeData"
-
会出现设置了半选但是页面没有生效的问题,需要额外处理