antdesign——select搜索

最新推荐文章于 2025-03-23 10:53:49 发布

小曲曲

最新推荐文章于 2025-03-23 10:53:49 发布

阅读量1.1k

点赞数

分类专栏： antdesign vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43848576/article/details/121678417

版权

vue 同时被 2 个专栏收录

142 篇文章

订阅专栏

antdesign

17 篇文章

订阅专栏

在这里插入图片描述

具有搜索功能的下拉框

 			  <a-form-item label="企业名称">
                <a-select
                  showSearch
                  optionFilterProp="children"
                  :filterOption="filterOption"
                  v-model="queryParam.enterpriseName"
                  :allowClear="true"
                  style="width:100%"
                >
                  <a-select-option v-for="type in enterpriseArr" :value="type.enterpriseName" :key="type.enterpriseId"
                    >{{ type.enterpriseName }}
                  </a-select-option>
                </a-select>
              </a-form-item>

// 企业搜索功能
    filterOption(input, option) {
      if (option) {
        return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
      }
    },

// 下拉内容过长隐藏
/deep/.table-page-search-wrapper .ant-form-inline .ant-form-item .ant-form-item-control-wrapper {
  overflow: hidden !important;
}