Vue —— 登录页面按enter键触发登录按钮事件

如果是用elementui框架中的 el-input 组件，那就可以直接在该组件标签上使用@keyup.enter.native鼠标enter事件

如果没有使用vue框架中的组件去写的button登录按钮，那该如何实现按回车（enter）触发登录按钮事件呢？

created() {document.onkeydown =(e) => {e = window.event || e;if(this.$route.path=='/login'&&(e.code=='Enter'||e.code=='enter')){//调用登录事件方法this.submit(this.curTabItem, this.userName, this.passWord);}}},

Vue —— 登录页面按enter键触发登录按钮事件相关推荐

vue element-ui 键盘输入enter键触发事件
因为有时候会遇到因为有父级的影响事件不生效的情况,所以需要加.native <el-inputclass="input-new-tag"v-model="item. ...
vue中监听enter键触发事件
created(){window.addEventListener('keydown', this.handleKeyDown, true)//开启监听键盘按下事件 } methods: {handl ...
vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件
项目中得需求:给页面某个按钮绑定Enter键,但是按钮不在form中,直接给按钮绑定后此按钮只有获取了焦点按键才会触发,显然,一直保持按钮获取焦点是不现实得.所以通过查询等,结合项目需求,完成了下面得 ...
按Enter键调用登录按钮
2.2 按Enter键调用登录按钮 [实例描述] 为了方便用户操作,在登录邮箱或论坛时,如果用户输入了用户名和密码,按Enter键时,都会自动调用登录按钮.本例学习如何实现此功能. [实现代码 ...
退出登录后点返回键是登录状态_看了这50条登录的测试点，你还敢说测试很容易吗...
条件:一个用户名输入框 (要求15个字符以内) 一个密码输入框 (要求8个字符以内) 一个登录按钮针对以上条件进行测试用例的设计先回顾一下测试用例的设计方法: 等价类,边界值,错误猜测法,因果图, ...
vue 给页面添加enter回车事件 - 代码篇
vue 如何给页面添加enter回车事件? 主要代码: @keyup.enter.native="ajaxLoginApi()" 代码示例: <el-form ref=&qu ...
【解决回车键出现乱码的问题】禁用Enter键触发form表单提交的问题，同时启用保留textarea换行操作
问题描述 Enter键触发form表单提交的问题 ,同时启用保留textarea换行操作 ##解决回车键出现乱码的问题代码如下(示例): <script type="text/jav ...
winform之Enter键触发按钮事件
一.背景小伙伴们在做winform开发时,比如登陆界面,可能需要用键盘Enter键去触发登陆这个按钮事件,如何实现呢? 二.解决思路点击主窗体,在属性中找到AcceptButton,然后将其属性值 ...
用HTML做一个简单的web登录页面,简单的JavaWeb注册登录案例
简单的JavaWeb注册登录案例 1.注册页面register.html register 姓名: 电话: 邮箱: qq: 2.注册案例实现程序register.java /** * 注册案例实现程序 ...

Vue —— 登录页面按enter键触发登录按钮事件

Vue —— 登录页面按enter键触发登录按钮事件相关推荐

最新文章

热门文章