Vue\Element UI树组件懒加载,并解决展开选中节点的子节点不选中问题

一 业务场景:树数据量过大
二 解决方案:
1.异步加载
2.手风琴模式
3.保存已加载的选中的节点keys(未加载的子节点不保存),页面初始化时设置选中的keys
4.匹配时根据节点的绝对路径进行匹配
三 代码
1.created方法中设置this.checkedKeys即可在页面初始化时加载节点的选中状态
2.使用json数据模拟ajax请求,实际开发中将json数据替换为ajax返回值并用js方法将业务数据处理成节点数据








1.吐槽下element ui的官方文档对于懒加载的只言片语给实现带来了很多困难
2.懒加载树绑定data貌似取不出数据

你可能感兴趣的:(Vue\Element UI树组件懒加载,并解决展开选中节点的子节点不选中问题)