注意:在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); } }