uni-app 实现类似验证码输入

先看效果

uni-app 实现类似验证码输入_第1张图片

四个文本框。当然想要更多可以自己再加,其实实现的思路很简单,废话不多说 贴代码(Value 这块因该都看得懂吧)




这里我创建了四个文本框 并且给他们注册点击事件 以及值绑定 重点 是禁用,重点:记得延时赋值

重点来了,在页面上添加一个 input 宽高都设置为0(也就是隐藏了)然后给他一个焦点事件,也就是 点击上面四个文本框让真正的焦点落到这个文本框上从而弹出键盘

思路就是这样

你可能感兴趣的:(uni-app,前端)