<template>
<el-autocomplete v-model="queryParams.name" clearable :fetch-suggestions="buyerQuerySearch"
placeholder="请选择内容" @select="handleSelectBuyer">
<template slot-scope="{ item }">
<div class="name">{{ item.name }}</div>
</template>
</el-autocomplete>
</template>
<script>
data(){
data:[],//总数据
queryParams:{}
},
methods:{
// 输入的参数 cb(data)返回输入建议数据
buyerQuerySearch(queryString, cd) {
cd(this.data.filter(item => item.name.indexOf(queryString) !== -1))
},
//选中后的数据
handleSelectBuyer(item) {
this.queryParams.name = item.name;
},
}
</script>
Element-ui 输入框下拉 输入建议的显示
最新推荐文章于 2024-07-24 18:10:22 发布