antdv 下拉框搜素

最新推荐文章于 2024-11-05 16:56:36 发布

原创最新推荐文章于 2024-11-05 16:56:36 发布 · 509 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

收录于

当前文章被以下社区和专栏收录：

本文介绍了在Vue中使用AntDesign的<a-select>组件实现下拉框的两种高级搜索功能，包括optionFilterProp和自定义filterOption方法，以及相关的方法fileList的用法。

一、方法1

select下拉添加这两行代码

 <a-select      
     showSearch
     optionFilterProp="children"
 ><a-select>

二、方法2

<a-select
      showSearch
      :filterOption="
         (input, option) => {
            return fileList(input, option)
         }"
>
</a-select>



methods:{
 fileList(input, option) {
      if (!input) {
        return
      }
      if (option.key.indexOf(input) != -1) {
        return option
      }
    },
}

标签