vue中回车键让input失焦让下一个input聚焦
最近项目中需要一个功能就是在一个input中输入完成后按下回车键自动跳转到下一个input框,让下一个input框自动聚焦代码如下:**html**<el-formref="form":model="form"><el-form-item label-width="10px"><el-inp...
·
最近项目中需要一个功能就是在一个input中输入完成后按下回车键自动跳转到下一个input框,让下一个input框自动聚焦
代码如下:
**html**
<el-form
ref="form"
:model="form"
>
<el-form-item label-width="10px">
<el-input
v-model="form.username"
placeholder="请输入姓名"
@blur="nextInput()"
@keyup.enter.native="nextInput($event)"
></el-input>
</el-form-item>
<el-form-item label-width="10px">
<el-input
ref="password"
v-model="form.password"
placeholder="请输入密码"
></el-input>
</el-form-item>
</el-form>
**js**
data(){
form:{
username:'',
password:''
}
}
methods:{
nextInput (event) {
if (event) {
event.target.blur()
this.$refs.password.focus()
}
},
}
这样就可以进行失焦聚焦,如果有多个input框实现方式相同
更多推荐
已为社区贡献8条内容
所有评论(0)