欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);
  },