el-autocomplete模糊查询

<el-autocomplete
                class="inline-input"
                clearable
                @clear="queryAll"
                v-model="queryAutomatic"
                :fetch-suggestions="querySearch"
                placeholder="请输入品规"
                @select="handleSelect"
              ></el-autocomplete>

data () {
    return {
      queryAutomatic: '',
      automaticForm: [],
    }
},
mounted () {
    this.getAllInfo()
  },
  methods: {
    getAllInfo() {
      this.AutomaticArr.dataSeries = []
      this.AutomaticArr.axisList = []
      // 下边是获取数据的接口
      getInventoryDetails().then(req => {
        let matchObj = {
          'date': 'value',
          'value': 'name'
        }
        this.automaticForm = req.data.driveRoomKeyValueVosG.map((item) => ({
          [matchObj.date]: item.date,
          [matchObj.value]: item.value
        }))
        req.data.driveRoomKeyValueVosG.forEach(item => {
          this.AutomaticArr.dataSeries.push(item.value)
          this.AutomaticArr.axisList.push(item.date)
        })
      })
    },
    // 查询
    querySearch(queryString, cb) {
      var automaticForm = this.automaticForm;
      var results = queryString ? automaticForm.filter(this.createFilter(queryString)) : automaticForm;
      // 调用 callback 返回建议列表的数据
      cb(results);
    },
    createFilter(queryString) {
      return (item) => {
        return (item.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
      };
    },
    handleSelect(item) {
      this.AutomaticArr.dataSeries = []
      this.AutomaticArr.axisList = []
      this.AutomaticArr.dataSeries.push(item.name)
      this.AutomaticArr.axisList.push(item.value)
    },
    queryAll() {  // 条件查询叉掉之后将所有的信息再显示出来
      this.AutomaticArr.dataSeries = []
      this.AutomaticArr.axisList = []
      this.automaticForm.forEach(item => {
        this.AutomaticArr.dataSeries.push(item.name)
        this.AutomaticArr.axisList.push(item.value)
      })
    }
  },

req.data.driveRoomKeyValueVosG获取的后端数据形式是：

 

要先将数组中的date和value属性换成value和name（具体是为什么我也不太清楚，只有这样才能出来），

querySearch、createFilter、handleSelect方法都是按照element官网的代码来的