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

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

代码示下：

html部分：

<el-inputplaceholder="职位 | 地区 | 工作年限"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键盘事件 - 代码篇 ” 的全部内容。