<el-form-item label="备忘/备注">
<el-autocomplete
class="inline-input"
v-model="formData.remark"
:fetch-suggestions="querySearch"
placeholder=""
@select="handleSelect"
style="width: 100%"
></el-autocomplete>
</el-form-item>
data(){
return{
remarkData:[
{ "value": "清单"},
{ "value": "带价格清单"},
]
}
},
methods:{
querySearch(queryString, cb) {
var remarkData = this.remarkData;
var results = queryString ? remarkData.filter(this.createFilter(queryString)) : remarkData;
// 调用 callback 返回建议列表的数据
cb(results);
},
createFilter(queryString) {
console.log(queryString)
return (restaurant) => {
return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
};
},
handleSelect(item) {
console.log(item);
},
}
注意点:remarkData中的数据,每条数据中字段名称得是 value,我自己尝试换了使用数据中的字段,但是无法显示出数据