下拉选择组件 指定搜索字段

 

show-search后可开启搜索模式。

把搜索的值内容改为optionFilterProp=label

想同时搜索label和value两个字段把label设置成label="v.roleName+v.roleId"

<a-select
  ref="select"
  v-model:value="value1"
  show-search
  optionFilterProp="label"
>
  <template v-for="(v,index) in options" :key="index">
    <SelectOption :label="v.roleName" :value="v.roleId">{{v.roleName}}</SelectOption>
  </template>
</Select>
posted @   凯宾斯基  阅读(56)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
历史上的今天:
2020-08-22 vue---echarts图表
点击右上角即可分享
微信分享提示