看了element官网API,找到了 filterable,可以搜索下拉结果集,但是有一个细节,在某个浏览器下,打开中文输入法,敲几个英文,不打回车键,会发现无法搜索,下拉结果集还是初次展开的效果,试着在这个浏览器下去打开 百度 搜搜,发现没有这样的问题,why? 难道需要自己写自定义的过滤方法吗?
<el-select clearable filterable @input.native="filterableData" v-model="mySelect" @change="XXX()">
watch 观察变化
watch:{
"mySelect":function(newVal){
if(!newVal){
this.stationnameList =this.stationnameListCopy;
}
}
}
@input.native 监听输入的所有字符,进入methord
filterableData(val){
val = val.data;
if (val) {
this.stationnameList =this.stationnameListCopy.filter(item => {
if(item.unitName.indexOf(val) != -1) {
return true;
}
})
} else {
this.stationnameList =this.stationnameListCopy;
}