Vue: element-ui 的el-tree控件 动态加载更新

element-ui官方文档提供了懒加载自定义叶子节点，主要是通过resolve()来返回

 

 官方提供的懒加载更新节点，只适用于接口一次性返回数据，并渲染树

情景：

       数据量大时，需要分页加载树节点的内容，当数据一次性加载不完时，需要在内容的同级添加“加载更多...” 的节点，点击该节点时，向后端请求下一页的内容（删除之前添加的“加载更多...”节点，将请求得到的内容拼接在上一次请求的内容同一级节点之后）。同样情况，若还没有加载完，则显示“加载更多...”节点。

代码如下：

添加“加载更多...”的节点：

element-ui提供了 doCreateChildren(children, defaultProps)方法创建子节点

node.childNodes = [];　　//清空节点

node.doCreateChildren(rootChildren);　　//更新节点

关键代码： 

这里我清空的是父节点的子节点（即同级节点的内容），具体结合自己项目情况而定。