更新记录
1.0.0(2025-03-28)
下载此版本
d2-code-input 验证码输入框
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.95 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
CodeInput 验证码输入框
使用方式
基础使用
<d2-code-input v-model="codeVal"></d2-code-input>
自定义长度
<d2-code-input v-model="codeVal" :maxlength="6"></d2-code-input>
Props
参数 |
说明 |
类型 |
默认值 |
可选值 |
value |
预置值 |
String |
'' |
- |
autoFocus |
自动获取焦点 |
Boolean |
false |
true |
maxlength |
输入字符个数 |
String \ Number |
false |
true |
customStyle |
自定义根节点Style |
String, Object |
false |
true |
Events
事件名 |
说明 |
回调参数 |
@change |
输入内容发生改变时触发 |
value:当前输入的值 |
@finish |
输入字符个数达 maxlength 值时触发 |
value:当前输入的值 |