1.0.0 • Published 11 months ago
sms-six-box v1.0.0
验证码输入框组件
- 特点: 原生组件、跨平台、高性能、无框架依赖、体积小、 高度自定义、高可复用性、高扩展性
- 适用: vue2、 vue3 、 react 、 jquery 、 原生html
引入
<!-- 引入自定义组件 -->
<script src="./sixCodeBox.js"></script>
<!-- 页面中使用 自定组件 -->
<six-box-code disabled="false" id="codeBox" ></six-box-code>
// 父页面监听 获取验证码
window.addEventListener('completeCode', (e) => {
console.log('e:', e.detail) // e.detail 中 会返回验证码
})
// 组件启用禁用
document.querySelector('#codeBox').setAttribute('disabled', 'false')
API说明:
- 属性:
属性名 | 说明 | 默认值 |
---|---|---|
disabled | 禁用输入框 | false |
- 事件:
事件名 | 说明 | 备注 |
---|---|---|
completeCode | 验证码输入完成(长度等于6位) |
技术支持交流群:
- 加群请备注:six-box
1.0.0
11 months ago