### 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){ <!--此處執行邏輯，回調方法等--> } }, } ```