<el-autocomplete
class="inline-input"
v-model="name"
:fetch-suggestions="querySearch"
placeholder="请输入内容"
:trigger-on-focus="false"
@select="handleSelect"
style="width: 200px">
<template slot-scope="{ item }">
<div class="name">{{ item.name }}</div>
</template>
</el-autocomplete>
querySearch(queryString, cb) {
this.getData();
let results = this.listData.filter(item => {
if (item.name.indexOf(queryString) > -1) {
return true;
}
});
// 调用 callback 返回建议列表的数据
cb(results);
},
handleSelect(item) {
this.name = item.name;
},