小编给大家分享一下Vue中Autocomplete如何自动完成功能，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
页面 ：
用闭包的方式，index表示第几个组件
<el-autocomplete
v-model="state4"
:fetch-suggestions="querySearchAsync"
placeholder="请输入内容"
@select="((item)=>{handleSelect(item, index)})">
</el-autocomplete>JS：
methods: {
querySearchAsync(queryString, callback) {
var list = [{}];
//调用的后台接口
//let url = 后台接口地址 + queryString;
//从后台获取到对象数组
this.$http({
url: this.$http.adornUrl('yjtgateway/goods'),
method: 'get',
params: this.$http.adornParams({keyword:queryString})
}).then(({data}) => {
for(let i of data.content){
i.value = i.goodsCode; //将想要展示的数据作为value
}
list = data.content;
callback(list);
}).catch((error) => {
console.log(error)
})
},
handleSelect(item,index) {
this.dataForm.items[index] = item
}
}看完了这篇文章，相信你对“Vue中Autocomplete如何自动完成功能”有了一定的了解，如果想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
