vue登录页面回车执行事件@keyup.enter.native问题
作者:吴冬雪~ 发布时间:2023-07-02 17:01:42
标签:vue,回车,@keyup.enter.native
vue登录页面回车执行事件@keyup.enter.native
<el-form ref="loginForm" :model="loginForm" :rules="loginFormRules" label-width="80px">
<!-- 用户名 -->
<el-form-item label="用户名" prop="userName">
<el-input v-model="loginForm.userName" prefix-icon="el-icon-user" clearable @keyup.enter.native="submitForm('loginForm')"></el-input>
</el-form-item>
<!-- 密码 -->
<el-form-item label="密码" prop="passWord" style="margin-bottom: 0;">
<el-input v-model="loginForm.passWord" prefix-icon="el-icon-lock" type="password" show-password @keyup.enter.native="submitForm('loginForm')"></el-input>
</el-form-item>
</el-form>
vue中回车键登录实现
给登录按钮绑定两个点击事件:
代码如下:
<el-button type="primary" @click="login()" @keyup.enter="keyDown(e)">登录</el-button>
login 是直接点击按钮的登录事件:
代码如下:
methods: {
login() {
},
// 点击回车键登录
keyDown(e) {
// 回车则执行登录方法 enter键的ASCII是13
if (e.keyCode == 13 || e.keyCode == 100) {
this.login(); // 定义的登录方法
}
},
},
mounted() {
// 绑定监听事件
window.addEventListener("keydown", this.keyDown);
},
destroyed() {
// 销毁事件
window.removeEventListener("keydown", this.keyDown, false);
},
这样就实现点击键盘回车键和点击按钮实现登录功能。
来源:https://blog.csdn.net/qq_37548296/article/details/108484132
0
投稿
猜你喜欢
- 一:C# 连接SQL数据库 Data Source=myServerAddress;Initial Catalog=
- Series属性Series属性列表属性说明Series.index系列的索引(轴标签)Series.array系列或索引的数据Series
- 新建server.jsyarn init -yyarn add express nodemon -Dvar express = requir
- 学习前言看了好多Github,用于保存模型的库都是Keras,我觉得还是好好学习一下的好什么是KerasKeras是一个由Python编写的
- 要绘制单个点,可使用函数scatter(),并向其传递一对x和y坐标,它将在指定位置绘制一个点:"""使用sc
- 我就废话不多说了,直接上代码吧!import pandas as pdimport numpy as npimport matplotlib
- 1、首先访问http://www.python.org/download/去下载最新的python版本。2、安装下载包,一路next。3、为
- 写作思路1、简述实现原理2、部分代码解析3、位置同步解析(①上下两屏位置同步②编辑屏位置保持不变)效果图如下:版本1:这就是我们常见的预览窗
- 为了更好的理解邮件发送功能的实现,要先了解邮件发送系统的大致流程。首先 电子邮件之间的相互发送接受就像 邮局邮件发送
- 本文实例讲述了python中enumerate函数遍历元素用法。分享给大家供大家参考,具体如下:enumerate函数用于遍历序列中的元素以
- 本游戏程序实现的功能为本地二人对弈中国象棋,实现语言为javascript+VML,在windows 2000 pro+IE 6sp1的环境
- 引用集:using System.Data.OleDb;static string exePath = System.Environment
- 这篇文章主要为大家详细介绍了python批量爬取下载抖音视频,具有一定的参考价值,感兴趣的小伙伴们可以参考一下项目源码展示:'
- 简介:图像二值化就是将图像上的像素点的灰度值设置为0或255,也就是将整个图像呈现出明显的黑白效果的过程。普通图像二值化代码如下:impor
- 1.字符串函数 长度与分析用 datalength(Char_expr) 返回字符串包含字符数,但不包含后
- 细心的人都会发现GitHub个人主页有一个记录每天贡献次数的面板,我暂且称之为贡献面板。就像下图那个样子。只要当天在GitHub有提交记录,
- 如何侦测HTTP表头信息?可用下列办法侦测并显示所有的HTTP HEADERS:<HTML><HEAD><TI
- 下面示例代码是防止用网页刷新过快,如果多个页面使用,最好将<%...%>代码存为一个asp文件,在需要的页面最前面include
- 在进行CSS网页布局开发时,您肯定遇到过形形色色的布局问题,虽然有大量的教程提供帮助,但最后可能被搞得焦头烂额。本文的目的是让您的设计过程更
- 一、问题故事起源于一个查询错漏率的报表:有两个查询结果,分别是报告已经添加的项目和报告应该添加的项目,求报告无遗漏率何为无遗漏?即,应该添加