實(shí)現(xiàn)要求：輸入框內(nèi)容并沒(méi)有顯示在穿梭框的label中 但是可以進(jìn)行搜索顯示

實(shí)現(xiàn)過(guò)程

1.在穿梭框上設(shè)置 :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.寫(xiě)校驗(yàn)方法?

item就是獲取的每個(gè)數(shù)據(jù)的對(duì)象list?

filterMethod(query, item) {
        if (item.address != null) {
          return item.name.indexOf(query) > -1 || item.address.indexOf(query) > -1 // 對(duì)name和address字段同時(shí)校驗(yàn)
        } else {
          return item.name.indexOf(query) > -1 // 如果沒(méi)有返回address 只對(duì)name校驗(yàn)
        }
      }

?

?

?然后輸入框里雖然沒(méi)有l(wèi)abel的值，但是可以檢索出來(lái)

最后實(shí)現(xiàn)業(yè)務(wù)需求