element ui输入框时时输入监控
原创
©著作权归作者所有:来自51CTO博客作者Danna123的原创作品,请联系作者获取转载授权,否则将追究法律责任
效果如下:

<el-autocomplete
v-model="form.businessName"
:fetch-suggestions="querySearchAsync"
@select="handleSelect"
placeholder="请输入企业名称"
>
el-autocomplete>
方法:
querySearchAsync (queryString, callback) {
var list = [{}]
// 调用的后台接口
allBusiness({
businessName:this.form.businessName
}).then((res) => {
// 在这里为这个数组中每一个对象加一个value字段, 因为autocomplete只识别value字段并在下拉列中显示
for (let i of res) {
i.value = i.businessName // 将想要展示的数据作为value
}
list = res
callback(list)
})
},
createStateFilter(queryString) {
return (houseNumber) => {
return (houseNumber.value.toLowerCase().indexOf(queryString.toLowerCase()) !== -1);
};
},