vue输入框实现自动补全小功能

简单方式

//     输入搜索补全框
  <el-select   filterable  v-model="form[item.name]" :filter-method="dataFilter" placeholder="" >
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
   </el-select>

 data() {
      return {
        optionsCopy: [
          {
            value: '0',
            label: '肖战'
          },
          {
          value: '1',
          label: '一搏'
        }, {
          value: '2',
          label: '凡凡'
        }],
       options: [
          {
            value: '0',
            label: '肖战'
          },
          {
          value: '1',
          label: '一搏'
        }, {
          value: '2',
          label: '凡凡'
        }],
        value: ''
      };
    }
  

```bash
   dataFilter(val) {
        this.value = val;
        if (val) { //val存在
          this.options = this.optionsCopy.filter((item) => {
            if (!!~item.label.indexOf(val) || !!~item.label.toUpperCase().indexOf(val.toUpperCase())) {
              return true
            }
          })
        } else { //val为空时，还原数组
          this.options = this.optionsCopy;
        }
      }

简单的自动补全搜索功能就做好了！