Skip to content

VerifyBox-DEMO ​


属性 ​


属性类型必填默认值说明
modelValuestring否''使用 v-model 绑定的输入值。
lengthnumber否4验证码长度。
inputmodestring否'numeric'输入模式,可选值为 numeric、tel、text、decimal、email、url。
underlineboolean否false是否使用下划线风格的 VerifyBox。
backgroundstring否''背景色。
borderWidthnumber否1边框宽度。
borderColorstring否''边框颜色。
focusBorderColorstring否''聚焦时边框颜色。
fontSizenumber否18字体大小。
fontWeightstring否'bold'字体粗细。
foregroundstring否''前景色。
borderRadiusnumber否3圆角大小。
isBoxShadowboolean否false是否启用 VerifyBox 阴影。
revealBorderboolean否false是否启用 Reveal Border 效果。
disabledboolean否false是否禁用。
themestring否'global'主题样式,支持 global、light、dark、system 和 custom。
langstring否'global'语言设置。

事件 ​


事件名参数说明
confirmstring输入完成时触发。可以使用 @confirm="handleConfirm" 在回调里 console.log 输出结果。

MIT Licensed