Skip to content

VerificationCode 验证码输入

规则

基础示例

Props 配置示例

尺寸对比(小 / 中 / 大,4 位)

密码掩码与只读

错误态与禁用

输入格式化

整段禁用

Events 事件示例

valuestring(各格字符按顺序拼接)

Props

参数名描述类型默认值
model-value(v-model)绑定值string-
default-value默认值(非受控)string''
length验证码长度(格数)number6
size输入框大小'mini' | 'small' | 'medium' | 'large''medium'
disabled是否禁用booleanfalse
masked是否密码模式booleanfalse
readonly只读booleanfalse
error是否为错误状态booleanfalse
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: stringindex: numberev: Event

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用