几行代码简简单单实现一个回车登录

最新推荐文章于 2024-01-29 16:00:03 发布

骨灰级尤雨溪迷弟~

最新推荐文章于 2024-01-29 16:00:03 发布

阅读量254

点赞数

分类专栏： javaScript常见面试题合集

本文链接：https://blog.csdn.net/weixin_43742274/article/details/119487199

版权

javaScript常见面试题合集专栏收录该内容

17 篇文章 0 订阅

订阅专栏

项目中的登录页面，一直没有做回车登录的这个小功能，今天在测试妹子的强烈要求下，我不得不做，以下就是我实现的代码，很简单，很easy

mounted() {
    window.addEventListener("keydown", this.keyDown);
},
destroyed() {
    window.removeEventListener("keydown", this.keyDown, false);
},
methods: {
  keyDown(e) {
      //如果是回车则执行登录方法
      if (e.keyCode == 13) {
        this.loginAction();
      }
    },
    loginAction() {
        this.postRequest("XXXXXXXX", data, true).then((res) => {
          if (res) {
            this.$message.success("登录成功");
            this.$router.replace("/index");
          }
        });
      });
    }
}