Vue中Autocomplete如何自动完成功能
小编给大家分享一下Vue中Autocomplete如何自动完成功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
创新互联专注于企业成都全网营销推广、网站重做改版、石嘴山网站定制设计、自适应品牌网站建设、H5场景定制、商城建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为石嘴山等各大城市提供网站开发制作服务。
页面 :
用闭包的方式,index表示第几个组件
{handleSelect(item, index)})">
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如何自动完成功能”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
文章标题:Vue中Autocomplete如何自动完成功能
转载源于:http://pwwzsj.com/article/pcdiec.html