ElementUI使用autocomplete组件输入搜索

时间:2022-07-24
本文章向大家介绍ElementUI使用autocomplete组件输入搜索,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
 <el-autocomplete v-model="clientName" :trigger-on-focus="false" highlight-first-item 
 :fetch-suggestions="queryName" @select="getSelect"  placeholder="请输入查询姓名">
</el-autocomplete>
queryName(queryString, callback) {
	var queryList = []
	//假定list为后台传输的数据
		for (let item of list) {
				queryList.push({
					value: item.name,
					id: item.id,
				})
			}
			callback(queryList);
		}
	})
},