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

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

1. methods: {
2. //键盘事件
3. keyDown(e){
4. //如果是回车则执行登录方法
5. if(e.keyCode === 13){
6. //需要执行的登录方法
7. this.submitForm('ruleForm');
8.         }
9.     },
10. }

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

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