element 输入框 远程搜索el-autocomplete组件 怎么实现必选而非手输内容

Question

在输入框内输入关键字，远程搜索匹配相关结果。但是根据需要，只能选择搜索的结果，不能使用自动手输的内容。请问这个需要怎么限制~

Answer 1

那你不应用el-autocomplete组件，应该用el-select组件,其中有远程搜索的方法

Answer 2

最近刚好遇到了这个问题，场景和楼主一样，接口需要id和name都要传递
我的操作是加上Blur事件，

<el-autocomplete
  v-model="state"
  :fetch-suggestions="querySearchAsync"
  placeholder="请输入内容"
  @select="handleSelect"
@blur="handleBlur(data)"
></el-autocomplete>

methods:{
  handleBlur(data){
    if(data.id==''&& state!=''){
    this.state=''
    }
  }
}

处理成类似 el-select的交互