- @keyup.enter.native 点击回车键时触发这一方法
- 注意: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(); });
}
我也不知道写的对不对,如果你知道的比我多麻烦补充一下谢谢,我会学习的