element-ui 搜索框组件：监听input键盘事件 - 代码篇

版权声明：本文为博主原创文章，允许转载，但转载必须注明出处并附带首发链接 https://blog.csdn.net/qq_35393869/article/details/88065990

踩坑：vue + element-ui 框架监听input键盘事件 - 含demo演示

---

代码示下：

html部分：

		<el-input
			placeholder="职位 | 地区 | 工作年限"
			v-model="searchVal" @keyup.enter.native="onEnterSearch">
			<i slot="prefix" class="el-input__icon el-icon-search"></i>
		</el-input>
		

特别提醒： 注意：
使用的时候，记得添加.native；
还有另外一种写法：@keyup.13.native="" 等同于@keyup.enter.native

js部分：

// 搜索框 获取值
onEnterSearch: function(e,searchVal){
		console.log("search: "+ this.searchVal);
}

---

以上就是关于“ element-ui 搜索框组件：监听input键盘事件 - 代码篇 ” 的全部内容。