Element UI 自动根据输入内容提供输入建议

 注意:在Element UI 中的任一个标签中,为保证正常输入,选择,必须加入v-model绑定值

 步骤:

1.另设置一个<el-row>标签

<el-row style="margin: 20px 0">
  <el-autocomplete style="width: 266px" placeholder="请输入内容,我来帮你猜一猜" :fetch-suggestions="querySearch":trigger-on-focus="false" v-model="value3"> </el-autocomplete>

</el-row>

2. 加入关联词(注意值必须带value)

coffees:[{value:'1星巴克咖啡'},{value:'2瑞幸咖啡'},{value:'3库迪咖啡'}]

3.编写回调方法

methods:{
  querySearch(query,cb){  //cb即callback回调函数
   let result= query ? this.coffees.filter(v=>v.value.includes(query) ):this.coffees
    cb(result);
  }
}