vue 回车自动登录

vue 回车自动登录

  • 原理:
  1. 在密码输入框加入事件:@keyup.enter.native
  2. 登录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 标签不需要 

posted @ 2019-12-20 18:53  grj001  阅读(104)  评论(0编辑  收藏  举报