a-tree-select的使用案例

<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
/>

完整代码案例: https://gist.github.com/serendipitywzz/689a42b515f4b31cc17b610d9716971f

posted @   Felix_Openmind  阅读(471)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具
*{cursor: url(https://files-cdn.cnblogs.com/files/morango/fish-cursor.ico),auto;}
点击右上角即可分享
微信分享提示