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

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

 

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

//下拉框开启搜索功能
        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');
          }
        },