antd a-tree-select搜索功能和a-select搜索功能

只想吃饭 lqh

于 2022-10-24 18:06:43 发布

阅读量3.8k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： antd 文章标签： 1024程序员节 anti-design-vue

本文链接：https://blog.youkuaiyun.com/program_ape_lqh/article/details/127497808

antd 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何在Ant Design的a-select和a-tree-select组件中启用搜索功能。对于a-select，只需添加`show-search`和`:filter-option`属性，并绑定搜索方法。而对于a-tree-select，只需设置`show-search`和`name`属性即可实现搜索，其中`name`用于指定搜索字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

a-select要搜索功能需要加上
        show-search
        :filter-option="searchBrand"

下面是绑定的搜索方法

a-tree-select要实现搜索功能 不需要单独写方法

加上这两个属性就可以搜索了，name是通过name这个字段进行搜索