ant-vue a-tree-select相关

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>