更新记录

1.0.4（2025-06-09） 下载此版本

解决maxlength导致的拼音输入法问题

1.0.3（2025-06-09） 下载此版本

组件支持传递input type，支持非数字输入

1.0.2（2025-03-31） 下载此版本

更新readme

查看更多

平台兼容性

uni-app

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
√ √ - - - - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
√ - - - - - - - - - -

CodeInput 验证码输入框

使用方式

基础使用
<d2-code-input v-model="codeVal"></d2-code-input>

自定义长度
<d2-code-input v-model="codeVal" :maxlength="6"></d2-code-input>

用"●"替代输入内容
<d2-code-input v-model="codeVal" :maxlength="6" :dot="true"></d2-code-input>

Props

参数 说明 类型 默认值 可选值
value 预置值 String '' -
type 输入框类型 String number 参照uniapp文档
autoFocus 自动获取焦点 Boolean false true
maxlength 输入字符个数 String \ Number false true
customStyle 自定义根节点Style String, Object false true
dot 是否用圆点填充 Boolean false true

Events

事件名 说明 回调参数
@change 输入内容发生改变时触发 value：当前输入的值
@finish 输入字符个数达 maxlength 值时触发 value：当前输入的值

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...