Antd树型选择控件TreeSelect搜索功能

有时候我们需要在TreeSelect中添加搜索功能,Antd是有提供对应的配置选项,两步即能实现:

1、在a-tree-select标签中添加show-search参数,这能在下拉中显示搜索框,需要注意的是仅在单选模式下生效;

2、在a-tree-select标签中添加tree-node-filter-prop参数,其值为tree-data参数绑定的数组(图中接口返回的整个data数组)的title值。

Antd树型选择控件TreeSelect搜索功能_第1张图片

我们在搜索框中输入想要查找的内容,TreeSelect就会自动过滤搜索结果并展示,如下图:

Antd树型选择控件TreeSelect搜索功能_第2张图片

 

你可能感兴趣的:(#,Ant,Design,Vue,vue,经验分享,前端)