a-select多选前提下 通过 filterOption 筛选

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>