Skip to content

VerificationCode 验证码输入 ​

规则 ​

基础示例 ​

Props 配置示例 ​

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

密码掩码与只读 ​

错误态与禁用 ​

输入格式化 ​

整段禁用 ​

Events 事件示例 ​

value:string(各格字符按顺序拼接)

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: string,index: number,ev: Event

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