<el-tree
ref="elTree"
highlight-current
node-key="code"
lazy
:default-expanded-keys="defaultExpanded"
:load="loadTreeNode"
:props="defaultProps"
:expand-on-click-node="false"
@node-click="handleNodeClick">
</el-tree>
const defaultProps = reactive({
label: 'label',
children: 'children',
isLeaf: 'isLeaf'
});
const defaultExpanded = ref([]);
// 加载树节点数据
async function loadTreeNode(node, resolve) {
if (node.level === 0) {
await getHrOrgRootData(node, resolve);
} else {
await getHrOrgTreeData(node, resolve);
}
}
// 获取根节点数据
function getHrOrgRootData(node, resolve) {
getHrOrgRoot().then((response) => {
resolve(response.data);
});
}
// 获取子节点数据
function getHrOrgTreeData(node, resolve) {
getHrOrgTree({ parentOrgCode: node.data.code }).then((response) => {
resolve(response.data);
});
}
el-tree 懒加载
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 这两天在项目中用到element-ui的el-tree组件的懒加载，遇到了全部数据刷新的问题。网上能搜索到的解决方...
- 有这个懒加载并且刷新需求的老铁肯定涉及到了节点中子节点数据的增删改！！！ 方法1 推荐，此方法有效避免直接调用lo...
- 假如我们的树形图含有大量的数据，一次全部加载出来会很慢，用户体验不好，所以我们要做数据的分级加载，也就是懒加载，但...
