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

凯宾斯基 / 2023-08-22 / 原文

 

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>