【Vue】Vue按回车键实现登录

1、template中登录的button按钮绑定keyup事件

<el-button @keyup.enter="keyDown" type="primary" @click="submitForm('ruleForm')" style="width: 100%;padding: 15px 0">立即登录</el-button>

2、methods中

methods: {
    //键盘事件
    keyDown(e){
        //如果是回车则执行登录方法
        if(e.keyCode === 13){
            //需要执行的登录方法
            this.submitForm('ruleForm');
        }
    },
}

3、在mounted中绑定键盘事件监听

mounted(){
    //绑定事件
    window.addEventListener('keydown',this.keyDown);
}

4、在destroyed中销毁事件

destroyed(){
    //销毁事件
    window.removeEventListener('keydown',this.keyDown,false);
}