a-tree-select 多选
时间: 2023-10-30 14:05:15 浏览: 95
a-tree-select是一个树型选择控件,支持多选功能。用户可以在输入框中输入文字来筛选树节点。用户可以在<a-tree-select>控件中绑定属性:searchValue来实现搜索功能。
在使用a-tree-select的时候,需要注意以下事项:
- 可以自定义下拉框中的title,展示icon,但是选中时,icon也会出现在输入框中。要实现这个功能,需要在treeData的每一项中加入scopedSlots:{title:‘custom’},并在使用时使用slot='custom'。
- 选中后输入框中显示的值可以通过设置treeNodeLabelProp属性来进行显示设置。当前可选项有title/label/id/key,默认选项是title。
- 当选择父节点时,需要将父节点中的labels全部过滤给后端。
综上所述,a-tree-select是一个支持多选功能的树型选择控件,用户可以通过输入文字进行筛选。在使用时可以自定义下拉框中的title和展示icon,并可以设置选中后输入框中显示的值。同时在选择父节点时需要注意将父节点中的labels进行过滤。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [<a-tree-select>多选树组件的输入搜索功能清空](https://blog.csdn.net/qq_36451496/article/details/120970394)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [Ant-design 的 a-tree-select 使用](https://blog.csdn.net/qq_37984232/article/details/129204679)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文