解决Ant Design Vue的Select搜索指定字段的问题 官方的select组件，在设置了show-search后可开启搜索模式。但是我们在跟后端接口进行对接的时候，获取到的数据结构往往跟官方的的数据结构又不一致，而且搜索默认仅能搜索value的值。那么怎么解决这个问题呢？我们可以通过optionFilterProp来设置搜索的值<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>我们只需要把搜索的值内容改为optionFilterProp=label，然后再通过SelectOption选项把我们需要指定搜索的字段加上去即可。如果想同时搜索label和value两个字段的值怎么办呢？我们只需要把label设置成label="v.roleName+v.roleId"这样即可。