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


官方提供的懒加载更新节点,只适用于接口一次性返回数据,并渲染树
情景:
数据量大时,需要分页加载树节点的内容,当数据一次性加载不完时,需要在内容的同级添加“加载更多...” 的节点,点击该节点时,向后端请求下一页的内容(删除之前添加的“加载更多...”节点,将请求得到的内容拼接在上一次请求的内容同一级节点之后)。同样情况,若还没有加载完,则显示“加载更多...”节点。
代码如下:
添加“加载更多...”的节点:

element-ui提供了 doCreateChildren(children, defaultProps)方法创建子节点
node.childNodes = []; //清空节点
node.doCreateChildren(rootChildren); //更新节点
关键代码:
这里我清空的是父节点的子节点(即同级节点的内容),具体结合自己项目情况而定。

|