element穿梭框的输入框通过对接口返回多个值进行筛选显示

实现要求：输入框内容并没有显示在穿梭框的label中 但是可以进行搜索显示

实现过程

1.在穿梭框上设置 :filter-method="filterMethod"方法

<el-transfer v-model="form.hosIds" filterable :props="{ key: 'sourceId', label: 'name', }" :filter-method="filterMethod" :data="hospitalList" :titles="[`${$t('message.hosName')}`,`${$t('message.selectHos')}`]" />

 2.写校验方法 

item就是获取的每个数据的对象list 

filterMethod(query, item) {
        if (item.address != null) {
          return item.name.indexOf(query) > -1 || item.address.indexOf(query) > -1 // 对name和address字段同时校验
        } else {
          return item.name.indexOf(query) > -1 // 如果没有返回address 只对name校验
        }
      }

 

 

 然后输入框里虽然没有label的值，但是可以检索出来

最后实现业务需求