Vue中如何通过回车键实现快速登录功能?

2026-04-05 11:170阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计611个文字,预计阅读时间需要3分钟。

Vue中如何通过回车键实现快速登录功能?

以下是对原代码的简化版本,不超过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-_-|| )

思路:

Vue中如何通过回车键实现快速登录功能?

在Login.vue最外层绑定id,再绑定键盘事件。

阅读全文

本文共计611个文字,预计阅读时间需要3分钟。

Vue中如何通过回车键实现快速登录功能?

以下是对原代码的简化版本,不超过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-_-|| )

思路:

Vue中如何通过回车键实现快速登录功能?

在Login.vue最外层绑定id,再绑定键盘事件。

阅读全文