我是两个接口,所以需要懒加载来调取接口,展示数据
<el-tree
class="treeSty"
:data="treedata"
show-checkbox
:default-expand-all="treeAll"
:default-expanded-keys="expandedKeys"
node-key="userId"
ref="tree"
highlight-current
:props="defaultProps"
:default-checked-keys="checkKeys"
check-strictly
@check="check"
@check-change="handleCheckChange"
check-on-click-node
:render-content="rendContent"
:load="loadNode" // 用这个 用这个lazy必须写 不然不可以使用
lazy // 必须写
>
</el-tree>
// 懒加载
loadNode(node, resolve) {
let that = this;
// 第一级
if (node.level === 0) {
// 调取获取第一级数据的方法
that.treeList(); //获取顶级节点数据
}
// 第二级
if (node.level === 1) {
// 调用获取二级数据的方法
this.treeTwo(node.data); //异步获取子节点数据
return resolve([]); // 防止在该节点没有子节点时一直转圈
}
// 第三级没有
if (node.level === 2) {
return resolve([]); // 防止在该节点没有子节点时一直转圈
}
},