vue监听键盘回车事件的三种方法..

方法一：

@keydown='show()' 当然我们传个$event 也可以在函数中获 ev.keyCode

if(ev.keyCode==13){

alert('你按了回车键！')

}

方法二：

<input type="text" @keyup.enter="show()">回车执行

<input type="text" @keydown.up='show()' >上键执行

<input type="text" @keydown.down='show()' >下键执行

<input type="text" @keydown.left='show()' >左键执行

<input type="text" @keydown.right='show()' >右键执行

方法三：

<el-button type="primary" @click="login">登录

created() {

this.keyupSubmit();

},

methods(){

keyupSubmit() {

document.onkeydown = (e) => {

let _key = window.event.keyCode;

//!this.clickState是防止用户重复点击回车

if (_key === 13&&!this.clickState) {

this.login();

}

};

},

}

---

                        版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/qq_45067263/article/details/137640383