element UI select 下拉框 实现可搜索下拉框功能

1.  图上的这个select  封装了,正常使用element-ui就行

 

 2.  执行逻辑  -->获取到输入的值-->定义一个下拉框中值的拷贝-->与下拉框中的值匹配-->过滤,返回匹配到的值

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14

//下拉框开启搜索功能         dataFilter(val) {           this.typeWorks = this.$hd.sjzd.get('gz');           const typeWorkCopy=this.typeWorks;           if (val) { //val存在             this.typeWorks= typeWorkCopy.filter((item) => {               if (!!~item[2].indexOf(val)) {                 return true               }             })           } else { //val为空时，还原数组             this.typeWorks = this.$hd.sjzd.get('gz');           }         },