ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

PC模糊搜索

PC模糊搜索

双向绑定input输入框,监听值改变事件

 <el-input@input="input"v-model="queryParams.keyword"style="margin-bottom: 10px"type="text"prefix-icon="el-icon-search"size="small"placeholder="输入员工姓名全员搜索"/>
 queryParams: {keyword: "", //模糊搜素关键字},methods:{//模糊搜索input() {// 单位时间内只执行最后一次// this的实例上赋值了一个timer的属性//防抖clearTimeout(this.timer); // 清理上一次的定时器this.timer = setTimeout(() => {this.queryParams.page = 1;this.employeeList(); //这里在发一次请求}, 500);},}

这里监听的事件是input,为什么不用change事件,注意change事件是离开焦点触发,input是只要内容发生变化就会触发,所以这里使用input更符合使用场景
在这里插入图片描述

返回列表