Ant Design 官方文档
是否根据输入项进行筛选。当其为一个函数时,会接收 inputValue option 两个参数,当 option 符合筛选条件时,应返回 true,反之则返回 false。
是不是看的有点懵,我们通过筛选,发现是经过key筛选的,而我们界面上显示的是value,我们想要的是通过value筛选,那么就把下面这行代码加上报
:filterOption="(input, option) =>{
return option.componentOptions.children[0].text.includes(input)
}"
部分代码
<a-form-item :label-col="{ span: 0 }" :wrapper-col="{ span: 22 }">
<a-select
mode="multiple"
style="width: 100%;"
v-decorator="[
'inspectUserIds',
{
rules: [{ required: true, message: '请选择巡检人员' }],
initialValue: []
},
]"
:filterOption="(input, option) =>{
return option.componentOptions.children[0].text.includes(input)
}"
placeholder="请选择巡检人员"
>
<a-select-option v-for="item in members" :key="item.userId">{{ item.name }}</a-select-option>
</a-select>
</a-form-item>