vue实现分割验证码效果

本文实例为大家分享了vue实现分割验证码效果的具体代码，供大家参考，具体内容如下

注：该代码存在问题，因为我maxlength =4 ，input 的宽度跟屏幕同宽，所以当我input 里面的length == 4 的时候，我的光标会超出屏幕，所以我在length == 4 的时候做了一个把光标放到第三个的处理，这种虽用户体验不好，也解了length==4的时候整个布局乱了的燃眉之急

上UI 图

上代码：

vue

css

script

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。