vuejs项目实现点击按钮或者直接点击键盘回车键实现一键登录
程序员文章站
2022-07-08 09:34:39
...
方法:
监听键盘按的是什么键。
13表示enter按键的keyCode编码
如果按的是13就是回车键。然后就自动登录。
这样就可以实现点击键盘回车
代码:
<el-button type="primary" @click="login" @keyup.enter="login">登录</el-button>
methods: {
// 点击回车键登录
keyDown(e) {
// 回车则执行登录方法 enter键的ASCII是13
if (e.keyCode === 13) {
this.login(); // 定义的登录方法
}
},
},
login(){
//登陆验证、登陆接口等
},
mounted() {
// 绑定监听事件
window.addEventListener("keydown", this.keyDown);
},
destroyed() {
// 销毁事件
window.removeEventListener("keydown", this.keyDown, false);
},
上一篇: vue.js项目 el-input 组件 监听回车键实现搜索
下一篇: 关于回车直接执行事件的方法