这里我们主要使用了监听回车事件实现登录,所以这个不适用于多表单的填写提交,容易出现还没有写完,按下回车就提交表单了!
1.template部分
<el-button
@keyup.enter.native="submit"
type="primary"
class="loginButton"
@click="submit">登录
</el-button>
2.js部分
//在method中定义监听事件
method:{
enterLogin(){
document.onkeydown =(e) => {
e = window.event || e;
if(this.$route.path==='/login'&&(e.code==='Enter'||e.code==='enter')){
this.submit()
}
}
}
},
//然后在created中调用即可
created() {
this.enterLogin()
}