el-select 自定义过滤方法

看了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;

              }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容