如何用Vue实现登录时按回车键触发的登录功能?

更新于
2026-09-27 00:33:56
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

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

如何用Vue实现登录时按回车键触发的登录功能?

代码中存在一个错误,我将进行简化并修改以下内容:

javascriptcreated() { let that=this; document.onkeypress=function(e) { var keycode=document.all ? event.keyCode : e.which; if (keycode===13) { that.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,再绑定键盘事件。

阅读全文

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

如何用Vue实现登录时按回车键触发的登录功能?

代码中存在一个错误,我将进行简化并修改以下内容:

javascriptcreated() { let that=this; document.onkeypress=function(e) { var keycode=document.all ? event.keyCode : e.which; if (keycode===13) { that.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,再绑定键盘事件。

阅读全文