vue element-ui 登录回车事件的问题与解决

前言:pc端的登录用回车更简单方便,但是element的键盘事件好像只有input可以加,也只能选中才可触发,非常不友好

在网上找到如下解决方法:

<el-button @click.native.prevent="handleLogin" @keyup.enter.native="loginEnter('loginData')">登录</el-button>

加入这段代码:

created(){
	var _self = this;
	document.onkeydown = function(e){
		if(window.event == undefined){
			var key = e.keyCode;
		}else{
			var key = window.event.keyCode;
		}
		if(key == 13){
			_self.loginEnter('loginData');
		}
	}
}

就可以直接用了:

methods:{
	loginEnter(){
		// 加入axios代码 ...
	}
}

但是今天发现这样好用是好用 但是登录后再次点击回车还会触发此事件 又加入如下代码:

methods:{
	loginEnter(){
		// 加入axios代码 
		this.$axios({
			
		}).then(function(result){
			// 在请求成功后把document.onkeydown置为undefined
			document.onkeydown = undefined;
		}).catch(function(err){

		})
	}
}
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值