vue 登陆时回车键和点击都可以触发登陆事件

最新推荐文章于 2025-07-01 17:05:31 发布

LHC087

最新推荐文章于 2025-07-01 17:05:31 发布

阅读量9k

点赞数 7

CC 4.0 BY-SA版权

分类专栏： vue登陆时回车或点击触发登陆事件

本文链接：https://blog.youkuaiyun.com/weixin_43829905/article/details/89493986

vue登陆时回车或点击触发登陆事件专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在Vue项目中实现登录功能，使回车键和点击都能触发登录事件，并详细讲解了使用md5进行密码加密的方法，包括npm安装、项目文件引入及使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue 登陆时回车键和点击都可以触发登陆事件

- vue 登陆时回车键和点击都可以触发登陆事件
- 登录时在vue项目中使用md5加密

vue 登陆时回车键和点击都可以触发登陆事件

在表单最后的输入框添加（是最后的输入框） @keyup.enter.native="submitForm(‘ruleForm2’) 事件

<el-input
          type="password"
          autocomplete="new-password"
          show-password
          v-model="ruleForm2.password"
          placeholder="密码"
          @keyup.enter.native="submitForm('ruleForm2')"
        ></el-input>

登陆按钮添加 @click="submitForm(‘ruleForm2’)"事件

<el-button
          type="primary"
          style="width:100%;"
          @click="submitForm('ruleForm2')"
          :loading="logining"
        >登录</el-button>

登录时在vue项目中使用md5加密

npm安装：

npm install --save js-md5

1.在需要使用的项目文件中引入：

import md5 from 'js-md5';

使用：

md5('holle')  // bcecb35d0a12baad472fbe0392bcc043

2.或者在main.js文件中将md5转换成vue原型：

import md5 from 'js-md5';
Vue.prototype.$md5 = md5;

在需要用到的文件中使用：

this.$md5('holle') // bcecb35d0a12baad472fbe0392bcc043

 this.$md5('1').toUpperCase()  //将小写转成大写