a-tree-select的使用案例-526互联

<a-tree-select
                :maxTagCount="6"
                @deselect="deSelectQueryDetailTreeData"
                @select="initQueryDetailTreeData"
                style="width: 270px"
                v-model:value="formState.queryTypes"
                :tree-data="state.queryTypeTreeData"
                :field-names="state.queryTypeFiledNames"
                treeCheckable
                @clear="onClearTypeTree"
                :treeCheckStrictly="true"
                allow-clear
                :placeholder="'请选择'"
              />

<a-tree-select
                v-model:value="formState.attributeList"
                show-search
                :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
                placeholder="请输入关键字搜索"
                :field-names="state.queryDetailFieldNames"
                tree-default-expand-all
                tree-node-filter-prop="attributeName"
                multiple
                :maxTagCount="6"
                style="width: 270px"
                @change="handleDetailChange"
                @dropdownVisibleChange="onQueryDetailChange"
                :tree-data="state.queryDetailTreeData"
                :treeCheckStrictly="true"
                allow-clear
              />