VerificationCode 验证码输入
规则
基础示例
Props 配置示例
尺寸对比(小 / 中 / 大,4 位)
密码掩码与只读
错误态与禁用
输入格式化
整段禁用
Events 事件示例
value:string(各格字符按顺序拼接)
Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| model-value(v-model) | 绑定值 | string | - |
| default-value | 默认值(非受控) | string | '' |
| length | 验证码长度(格数) | number | 6 |
| size | 输入框大小 | 'mini' | 'small' | 'medium' | 'large' | 'medium' |
| disabled | 是否禁用 | boolean | false |
| masked | 是否密码模式 | boolean | false |
| readonly | 只读 | boolean | false |
| error | 是否为错误状态 | boolean | false |
| separator | 在指定索引后自定义渲染分隔内容 | (index: number, character: string) => any | - |
| formatter | 格式化;返回 false 表示不接受本次输入 | (inputValue: string, index: number, value: string) => string | boolean | - |
Events
| 事件名 | 描述 | 参数 |
|---|---|---|
| change | 值发生改变时触发 | value: string |
| finish | 填充完成时触发 | value: string |
| input | 输入时触发 | inputValue: string,index: number,ev: Event |


