验证码输入框组件

• 特点： 原生组件、跨平台、高性能、无框架依赖、体积小、 高度自定义、高可复用性、高扩展性
• 适用： 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