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');
          }
        },