0.0.4 • Published 3 years ago
vue-sms-codes v0.0.4
sms-code vue
仿京东淘宝验证码输入
部分效果预览
安装
npm install --save vue-sms-codes组件props
| 属性名 | 类型 | 默认值 | 可选值 | 是否必须 | 说明 |
|---|---|---|---|---|---|
| v-model | string | - | - | 是 | 绑定值 |
| code-type | string | 'text' | 'text','number' | 否 | 输入类型 |
| code-count | number/string | 6 | - | 否 | code长度 |
| secret | boolean | false | true/false | 否 | 是否密文显示 |
| showCursor | boolean | false | true/false | 否 | 是否显示光标 |
| autoFocus | boolean | false | true/false | 否 | 是否自动聚焦 |
| formatter | function(value) | - | - | 否 | 自定义输入内容处理函数 |
组件event
| 事件名 | 回调参数 | 说明 |
|---|---|---|
| callback | code | code输入完成，返回输入的code码 |
详细文档
具体用法请查看vue-sms-codes文档