<el-autocomplete>
v-model="type"
:fetch-suggestions="querySearch"
@select="handlename"
placeholder="请输入实体类型"
:trigger-on-focus="false"
class="el-auto"
</el-autocomplete>
const querySearch = (queryString, callback) => {
var list = []
var filterData = []
if(queryString&&queryString.length > 0) {
// 调取后台接口数据
getData('/entityView/types',{},
(response) => {
if(response.length > 0) {
list = response.map(item => {
return {
id: `${item.type}`,
value: `${item.type}`
}
})
}
filterData = queryString ? list.filter(function(el) {
if(el.value.includes(queryString)) {
return el
}
}) : list
callback(filterData)
})
}
}
const handlename = (item) => {
type.value = item.value
}