写博客是为了记笔记!!
html代码:(样式部分可以不用管,主要是一个click方法和一个keyup.enter的方法要注意)
<div class="login-btn" @click="submit(loginForm)" @keyup.enter="submit()">
<span style="margin-left:12%">登录</span>
</div>
js代码:(created中添加键盘事件)
created(){
var t = this;
document.onkeydown = function(e){
if(window.event == undefined){
var key = e.keyCode;
}else{
var key = window.event.keyCode;
}
//enter的ASCII码是13
if(key == 13){
t.submit();
}
}
},
methods中添加登录事件
submit() {
this.$axios({
//url,参数等代码
}).then((res) => {
if (res.code === 1) {
//登录成功后禁止按enter键再次重新登录
document.onkeydown = undefined;
}else {
this.$message.error('登录失败!')
}
})
.catch(() => {
this.$message.error('系统异常!')
})
然后就可以了!!!