el-autocomplete中的下拉框不管点击那一个都是默认第一个

无论我勾选那一个,都给我第一个下拉框的值,并且下拉框还会出现循环的问题,求看看

应该是您的代码中没有使用好v-model指令来绑定选中的值,具体怎么使用好v-model指令来绑定选中的值,请看例:

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

<script>
export default {
  data() {
    return {
      value: '',
      suggestions: [],
    };
  },
  methods: {
    querySearchAsync(queryString, cb) {
      // 这里是异步获取下拉选项的数据,例如从后台接口获取
      // 然后将数据存放到suggestions数组中,并调用cb方法返回数据
      // 这里需要注意的是,cb方法的第一个参数必须是一个数组,表示下拉选项的数据
      // 如果获取数据失败,可以将空数组传递给cb方法
      // 下面是一个假的示例,仅供参考
      setTimeout(() => {
        this.suggestions = [
          {
            value: 'Apple',
          },
          {
            value: 'Banana',
          },
          {
            value: 'Cherry',
          },
        ];
        cb(this.suggestions);
      }, 1000);
    },
    handleSelect(item) {
      // 这里是选中下拉选项后的回调方法,item表示选中的项
      // 你可以在这里进行一些操作,例如更新数据、跳转页面等等
      console.log(item);
    },
  },
};
</script>