el-autocomplete数据回显

`el-autocomplete` 组件支持数据回显，你可以通过 `v-model` 绑定组件的输入值并在回调函数中处理数据，来实现数据的回显。例如：

<template>
  <div>
    <el-autocomplete
      v-model="value"
      :fetch-suggestions="querySearchAsync"
      placeholder="请输入内容"
      @select="handleSelect"
    ></el-autocomplete>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      suggestions: []
    };
  },
  methods: {
    querySearchAsync(queryString, cb) {
      // 这里异步获取数据，示例代码中使用了 setTimeout 模拟异步请求
      setTimeout(() => {
        const data = ['Java', 'JavaScript', 'Python', 'C++', 'C#', 'Ruby'];
        this.suggestions = data.filter(item => item.includes(queryString));
        cb(this.suggestions);
      }, 300);
    },
    handleSelect(item) {
      this.value = item;
    }
  }
};
</script>

在上述示例代码中，当用户选择一个选项时，会触发 `handleSelect` 方法，该方法将选择的值赋值给 `value`，从而实现数据回显。