Vue中如何通过回车键实现快速登录功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计611个文字,预计阅读时间需要3分钟。
以下是对原代码的简化版本,不超过100字:
javascriptdocument.onkeypress=function(e) { if (e.keyCode===13) { this.login(); return false; }};
created() { let that = this; document.onkeypress = function(e) { var keycode = document.all ? event.keyCode : e.which; if (keycode == 13) { that.login();// 登录方法名 return false; } }; }
以上的代码,在这几天测试发现有一个问题,在登录进系统之后,从首页切换到其他界面,点击回车,会导致界面调整到首页!
要实现:
只在Login界面点击回车才执行onkeypress方法,其他的点回车均不触发(还不明白为什么在其他界面回车会执行Login界面的created-_-|| )
思路:
在Login.vue最外层绑定id,再绑定键盘事件。
本文共计611个文字,预计阅读时间需要3分钟。
以下是对原代码的简化版本,不超过100字:
javascriptdocument.onkeypress=function(e) { if (e.keyCode===13) { this.login(); return false; }};
created() { let that = this; document.onkeypress = function(e) { var keycode = document.all ? event.keyCode : e.which; if (keycode == 13) { that.login();// 登录方法名 return false; } }; }
以上的代码,在这几天测试发现有一个问题,在登录进系统之后,从首页切换到其他界面,点击回车,会导致界面调整到首页!
要实现:
只在Login界面点击回车才执行onkeypress方法,其他的点回车均不触发(还不明白为什么在其他界面回车会执行Login界面的created-_-|| )
思路:
在Login.vue最外层绑定id,再绑定键盘事件。

