vue登录时回车键触发@keyup.enter.native

834 阅读1分钟
  1. @keyup.enter.native 点击回车键时触发这一方法
  2. 注意:v-model数据层需要在@keyup.enter.native 事件之前 事例一:输入完回车键触发login方法
1. <el-input v-model="loginForm.smsCode" placeholder="请输入验证码" @keyup.enter.native="login" />

事例二:登录页面输入用户名后自动聚焦至密码框

1. <el-input v-model="loginForm.username" name="username" type="text" placeholder="请输入用户名" @keyup.enter.native="inputPassword"/>
2. <el-input v-model="loginForm.passwords" name="passwords" placeholder="请输入密码" ref="passwords" />
1. inputPassword() { 
       this.$refs.passwords.focus() 
   },

3.点击button聚焦

click(){
    this.$nextTick(() => { this.$refs.passwords.focus(); });
}

我也不知道写的对不对,如果你知道的比我多麻烦补充一下谢谢,我会学习的