效果如下:

element ui输入框时时输入监控_数组

<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);
};
},