JZTXT

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

发布时间 2023-08-22 16:26:24作者: 凯宾斯基

 

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>