el-select 自定义过滤方法

Posted 2023-03-09

参考技术A 看了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;