vue3 antd treeSelect 懒加载问题

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()
  })
}