### vue + element 怎么监听一个回车事件？ > 一般监听在输入密码的`input`监听`keyup`事件，加`enter`修饰符。如果`input`是组件，加上`.native`修饰符。 > demo ``` <div id="app"> <input placeholder="请输入账号" type="text"> <input placeholder="请输入密码" type="password" @keyup.enter.native="login()"> <button @click="login">登录</button> <div> <script> new Vue({ methods: { login() { console.log('哎呀，登录中...'); } } }).$mount('#app') </script> ``` > 实体项目 ``` <el-input placeholder="订单号/ERP订单号/收货人/分销商用户名" @keyup.enter.native="onSearch()" v-model.trim="pageInfo.content" size="mini" class="box-search"></el-input> <button class="mini-search-btn btn-box" @click.prevent="onSearch()">搜索</button> ``` ``` methods: { onSearch(){ // 搜索操作 this.pageInfo.page = 1 this.pageInfo.content = this.pageInfo.content this.updateMainData() }, } ``` > 全局监听方法 ``` activated() { window.addEventListener('keydown',this.keyboard) }, methods: { keyboard(ev) { // 搜索键盘事件 if(ev.keyCode == 13){ <!--此处执行逻辑，回调方法等--> } }, } ```