el-select 自定义过滤方法

看了element官网API,找到了 filterable,可以搜索下拉结果集,但是有一个细节,在某个浏览器下,打开中文输入法,敲几个英文,不打回车键,会发现无法搜索,下拉结果集还是初次展开的效果,试着在这个浏览器下去打开 百度 搜搜,发现没有这样的问题,why? 难道需要自己写自定义的过滤方法吗?

@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;

              }

你可能感兴趣的:(el-select 自定义过滤方法)