日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

element對穿梭框對接口返回的數據其他字段進行校驗多個校驗

作者:烏托邦boy 更新時間: 2022-01-01 編程語言

實現要求:輸入框內容并沒有顯示在穿梭框的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的值,但是可以檢索出來

最后實現業務需求

原文鏈接:https://blog.csdn.net/a1120590091/article/details/122103368

欄目分類
最近更新