antd中a-select-optgroup组件实现搜索功能

最新推荐文章于 2024-06-07 14:44:27 发布

scott_zhb

最新推荐文章于 2024-06-07 14:44:27 发布

阅读量1.7k

点赞数

分类专栏： Vue学习文章标签： ant-design 下拉框搜索分组搜索

本文链接：https://blog.csdn.net/qq_43593912/article/details/125084431

版权

Vue学习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

实现方法

直接show-search，然后添加optionFilterProp为children即可，代码如下所示：

<a-select show-search optionFilterProp="children" v-decorator="['industry', {rules: [{required: true, message: '请选择行业'}]}]">
            <a-select-opt-group
              v-for="group in industryOptions"
              :key="group.label"
              :label="group.label"
            >
              <a-select-option
                v-for="item in group.options"
                :key="item.value"
                :value="item.value"
              >
                {{ item.label }}
              </a-select-option>
            </a-select-opt-group>
          </a-select>