1、递归遍历后端数据满足组件要求
handleTreeData = (treeData) => {
let treeData: any = [];
treeData.map((item) => {
let treeObj: any = {};
treeObj.title = item.orgName;
treeObj.value = item.orgId;
treeObj.key = item.orgId;
item.operability == "Y"
? (item.disabled = true)
: (item.disabled = false);
item.userDataScopeVo
? (treeObj.children = this.handleTreeData(item.userDataScopeVo))
: null;
treeData.push(treeObj);
});
return treeData;
};
2、过滤show-search
<a-tree-select
v-model="value"
show-search
style="width: 100%"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
placeholder="请选择"
tree-default-expand-all
tree-node-filter-prop="title"
:tree-data="treeData"
@change="treeChange"
>
</a-tree-select>