antdesignvue中使⽤TreeSelect懒加载
项⽬中使⽤下拉机构懒加载,tree Select控件。
<a-tree-select
v-model="structionCompany"
:dropdownStyle="{ maxHeight: '400px', overflow: 'auto' }"
:getPopupContainer="(triggerNode) => triggerNode.parentNode"
:replace-fields="{children:'children', key:'id', value: 'label'}"
:tree-data="orgTree"
:load-data="onLoadData"
placeholder="请选择施⼯单位"
allow-clear>
</a-tree-select>
  其中要指定唯⼀的key值,我这⾥id是唯⼀的
onLoadData(treeNode) {
const _this = this;
return new Promise((resolve) => {
if (Array.isArray(treeNode.dataRef.children) && treeNode.dataRef.children.length) {
console.log('treeNode.dataRef.children', treeNode.dataRef.children);
resolve()
return
}
/
/如果没有值,根据当前节点id获取⼦节点并挂在树节点中,添加到对应⽗节点的children中
treeNode.dataRef.children = res;
_Tree = [..._Tree];
console.log('treeNode.dataRef.children', treeNode.dataRef.children);
}).catch();
resolve()
})antdesignvue 配置外部文件
}