給登錄按鈕綁定兩個點擊事件：（代碼如下）

<el-button type="primary" @click="login（）" @keyup.enter="keyDown(e)">登錄</el-button>

login 是直接點擊按鈕的登錄事件：（代碼如下）

methods: {login() {},// 點擊回車鍵登錄keyDown(e) {// 回車則執(zhí)行登錄方法 enter鍵的ASCII是13if (e.keyCode == 13 || e.keyCode == 100) {this.login(); // 定義的登錄方法}},},mounted() {// 綁定監(jiān)聽事件window.addEventListener("keydown", this.keyDown);},destroyed() {// 銷毀事件window.removeEventListener("keydown", this.keyDown, false);},

這樣就實現(xiàn)點擊鍵盤回車鍵和點擊按鈕實現(xiàn)登錄功能。

總結(jié)

以上是生活随笔為你收集整理的vue中回车键登录的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。