@El-autocomplete数据回显 - CSDN文库

  <template>
    <div>
      <el-autocomplete
        v-model="selectedValue"
        :fetch-suggestions="fetchSuggestions"
        :placeholder="placeholder"
        @input="handleInput"
      ></el-autocomplete>
    </div>
  </template>
 
  <script>
  export default {
    data() {
      return {
        selectedValue: '', // 用于存储选择的值
        placeholder: '请输入关键字',
      };
    },
    methods: {
      handleInput(value) {
        // 处理输入事件
      },
      fetchSuggestions(keyword) {
        // 根据关键字加载数据的逻辑
        // 这里可以发送请求或者从本地数据中过滤
        // 将结果赋值给 suggestions 属性
      },
      selectValue(value) {
        // 选择值的回调函数
        // 在这里可以对选中的值进行处理
        this.selectedValue = value;
      },
    },
    mounted() {
      // 假设你需要回显的值是 'apple'
      this.selectedValue = 'apple';
    },
  };
  </script>