有时候我们需要在TreeSelect中添加搜索功能，Antd是有提供对应的配置选项，两步即能实现：
1、在a-tree-select标签中添加show-search参数，这能在下拉中显示搜索框，需要注意的是仅在单选模式下生效；
2、在a-tree-select标签中添加tree-node-filter-prop参数，其值为tree-data参数绑定的数组（图中接口返回的整个data数组）的title值。
我们在搜索框中输入想要查找的内容，TreeSelect就会自动过滤搜索结果并展示，如下图：
Antd树型选择控件TreeSelect搜索功能
本文介绍了如何在Ant Design的TreeSelect组件中添加搜索功能。只需两步即可实现：1) 添加`show-search`参数以显示搜索框，此功能在单选模式下有效；2) 使用`tree-node-filter-prop`指定过滤属性，通常设置为数据数组的`title`值。通过这种方式，用户可以在下拉菜单中输入关键字，TreeSelect会自动过滤并显示匹配结果。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
