专栏首页前端开发随笔ElementUI使用autocomplete组件输入搜索

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);
		}
	})
},

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Js通过值获取索引下标

    wePanda
  • vue使用transition组件动画效果

    wePanda
  • Vue版本更新清除浏览器缓存

    wePanda
  • Java Web技术经验总结(十四)

    这个语句如果只是查询前面几页,或者是表的数据量不大(小于10万),就没有问题,否则就会出现慢查询。参考文章:【MySQL】 性能优化之 延迟关联进行了优化。

    阿杜
  • 一步一步学Linq to sql(二):DataContext与实体

     DataContext类型(数据上下文)是System.Data.Linq命名空间下的重要类型,用于把查询句法翻译成SQL语句,以及把数据从数据库返回给调用方...

    aehyok
  • 魔术索引

    魔术索引。 在数组A[0…n-1]中,有所谓的魔术索引,满足条件A[i] = i。给定一个有序整数数组,编写一种方法找出魔术索引,若有的话,在数组A中找出一个魔...

    你的益达
  • stm32焊接心得

    早上焊接了一块朋友给的stm32f103zet6的开发板,起初,烙铁怎么都焊补上去,原来是烙铁头已经氧化,只能作罢!

    用户4645519
  • Docker和k8s的故障排除和监控利器 Weave-Scope服务

    Weave-Scope服务是一个用来监控docker容器、k8s等(包括宿主机)的资源使用状况的,从根本上来说,有些类似于Zabbix等监控服务,该服务式基于容...

    小手冰凉
  • 流量渠道标记(UTM)

    这一节来讲讲流量渠道标记,就是怎么去跟踪流量,知道流量或访客、用户是从哪里来的?

    GA小站
  • 用babel和nodemon搭建一个功能齐全的nodejs开发环境

    笔者最近在工作之余,一直在做数据可视化和nodejs方面的研究,虽然之前的web工作中接触过nodejs和可视化相关的内容,但是没有一个系统的总结和回顾,所以为...

    徐小夕

扫码关注云+社区

领取腾讯云代金券