html输入框判断位数是否6位,手机端实现6位短信验证码input输入框效果（样式及代码方法）...

Vue组件代码：template内容：

栗子1：简单的input框

栗子2：由六个span代替输入框

用六个span代替输入框：

{ {simpleInput1.slice(0,1)}}

{ {simpleInput1.slice(1,2)}}

{ {simpleInput1.slice(2,3)}}

{ {simpleInput1.slice(3,4)}}

{ {simpleInput1.slice(4,5)}}

{ {simpleInput1.slice(5,6)}}

要隐藏的输入框：

栗子3：由六个input组成

View Template Code

Vue组件代码：script内容：

export default {

name: 'inputCaptcha',

data () {

return {

simpleInput0: '',

simpleInput1: '',

input0: '',

input1: '