Vue Autocomplete 自动完成功能简单示例
本文实例讲述了VueAutocomplete自动完成功能。分享给大家供大家参考,具体如下:
页面:
用闭包的方式,index表示第几个组件
{handleSelect(item,index)})">
JS:
methods:{ querySearchAsync(queryString,callback){ varlist=[{}]; //调用的后台接口 //leturl=后台接口地址+queryString; //从后台获取到对象数组 this.$http({ url:this.$http.adornUrl('yjtgateway/goods'), method:'get', params:this.$http.adornParams({keyword:queryString}) }).then(({data})=>{ for(letiofdata.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.js程序设计有所帮助。