vue回车触发下一个input框获取焦点

回车获取下一个input框焦点，回车登录

话不多说，上代码：

<div class="mt20">
<el-input
id="username"
ref="username"
v-model="username"
class="mt15"
maxlength="11"
placeholder="用户名"
@keyup.enter.native="changeFocus('username')"
></el-input>
<el-input
id="password"
ref="password"
v-model="password"
type="password"
class="mt15"
placeholder="密码"
@keyup.enter.native="changeFocus('submit')"
></el-input>
<el-button
type="primary"
class="mt15 js-login"
:disabled="loginBtnDisabled"
@click="login()"
>{{ loginBtn }}</el-button
>
</div>

javascript部分代码：

changeFocus(obj) {
if (obj === 'username') {
this.$nextTick(() => {
this.$refs.password.focus()
})
}
if (obj === 'submit') this.login()
}

最后

以上就是忧伤期待为你收集整理的vue回车触发下一个input框获取焦点的全部内容，希望文章能够帮你解决vue回车触发下一个input框获取焦点所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。