要實現(xiàn)這樣的功能:

上代碼:
<el-select v-model="form.data.eqNo" filterable :filter-method="dataFilter" @click.native="eqNoClick">
<el-option
v-for="equipment in showEquipments"
:key="equipment.eqNo"
:label="equipment.eqName"
:value="equipment.eqNo"
/>
</el-select>
- 核心:給下拉框新增加屬性 filterable :filter-method=dataFilter
//下拉框開啟搜索功能
dataFilter(val){
if(val){
this.showEquipments =this.equipments.filter((item=>{
return item.equipments.includes(val)
}))
}else{
this.showEquipments=this.equipments
}
},
- 一定要添加這方法,不然下次點擊時,下拉框的默認(rèn)數(shù)據(jù)為上一次篩選后的數(shù)據(jù):
eqNoClick(){
this.showBankNames = this.bankNames
},