一、节点懒加载 + 异步加载某个节点大量数据(有某个节点数据可能几万条)
首先节点懒加载:element-ui中写的非常清楚
Element - The world's most popular Vue UI framework
异步加载某个节点的大量数据:首先你会发现一个节点底下的数据只能一次性给树结构,他将一次性渲染,el-tree没有提供相应的方法,但是我已经使用该组件并不想选组件,而且想简单处理
处理思路:1>修改依赖代码,解决方式可参考:修改ElementUI源码实践 - 淡烘糕 - 博客园
但是当你重新下载依赖时,你修改的代码也就不见了
2>将el-tree依赖改成你的项目组件的一部分
第二种思路的处理步骤如下:
1>找到依赖组件:node_modules =>element-ui =>packages =>tree
2>将你找到的依赖文件夹放入自己项目组件的目录下:(等会修改的就是node.js中的代码)
3>在项目所需要的位置引入组件
4>最重要的一步就是修改异步渲染节点数据,在node.js中找到doCreateChildren的方法进行修改,我这边处理的是当节点数据超过2000条就500条异步一次渲染页面节点