html代码
<a-tree-select
show-search
v-model:value="form.organId"
:style="{ width: '100%' }"
:tree-data="treeData"
:load-data="onLoadData"
:replace-fields="{ children: 'children', title: 'deptName', key: 'deptId', value: 'deptId' }"
placeholder="请选择审批机构"
@change="treeSel"
treeNodeFilterProp="title"
:dropdownStyle="{ maxHeight: '400px', overflow: 'auto' }"
></a-tree-select>
方法
const onLoadData = (treeNode:any)=>{
return new Promise((resolve:any)=>{
if(treeNode.dataRef.children){
resolve()
return
}
childTree({parentId:treeNode.dataRef.deptId}).then(res=>{
res.data.forEach((item:any) => {
if(item.childs.length == 0){
item.isLeaf = true //这里要注意,判断该节点是否为叶子,如果是叶子,添加isLeaf为true
}
});
treeNode.dataRef.children = res.data
})
resolve()
})
}