vue 回车自动登录
2023-09-11 14:21:56 时间
vue 回车自动登录
- 原理:
- 在密码输入框加入事件:@keyup.enter.native
- 登录button加入事件:@click
代码:
pug 语法:
el-form(ref="loginForm" :model="loginForm" :rules="rules" label-width="78px" label-position="left" inline)
el-form-item(label='用户名:' prop="username")
el-input(v-model="loginForm.username" placeholder="请输入用户名")
el-form-item(label='密码:' prop="passwd")
el-input(type="password" placeholder="请输入密码" v-model="loginForm.passwd" @keyup.enter.native="loginFn('loginForm')")
el-form-item(label=' ')
el-button(type="primary" class="submit_btn" @click="loginFn('loginForm')") 登录
el-input 需要加native
input 标签不需要
相关文章
- (尚031)Vue_案例_自定义事件(组件间通信第2种方式:vue自定义事件)
- vue 的 起手式
- vue 表单验证实例
- Vue - 实现任意内容展开 / 收起功能组件(支持自定义高度、动态展开与折叠、自定义展开与收起文案、动态增删数据自动计算高度、过渡动画等)
- uni-app - H5 页面路由不存在时,跳转到自己定制的 404.vue 页面(当路由不存在时自动重定向到自定义的 404 组件)超详细简约高效的解决方案
- vue实现返回页面时回到原来的位置
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- Vue的报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'
- Vue项目导入excel表,自动下载导入失败数据的excel表(使用ElementUI upload组件,自定义导入excel表)
- 基于Vue+Koa2 +MySQL 医院内部管理系统【100010555】
- 基于Vue + Vant + Axios+MySQL实现 H5 移动端完整商城【100010414】
- vue 监听器watch--总结
- 手机调试vue-----项目
- vue项目 使用nginx代理
- vue之package.json文件解析
- 浅析vue自定义插件的5种形式、如何使用插件、如何开发插件及开发实例
- vue里ref ($refs)用法
- Vue实战第1章:学习和使用vue-router
- Vue 之 插件 轮播组件 vue-awesome-swiper 的简单使用整理