Ofcold Security Code

A powerful security code input supports dynamic configuration of the number of input boxes.

Features

• Automatic next input box.
• Page initialization automatic countdown.
• The number of custom input boxes.
• Support copy and paste.
• Support tailwindcss by version >=2.0.0

Installation

npm install --save ofcold-vue-security-code
// OR
yarn add ofcold-vue-security-code

Usage

<!-- Html --><input-codev-model="code"/>

VUE 2.0 And 3.0

// JavascriptimportInputCodefrom'ofcold-vue-security-code';exportdefault{data:()=>({code: ''}),components: {
InputCode
}}// OR ...import{defineComponent,ref}from'vue'importInputCodefrom'ofcold-vue-security-code'exportdefaultdefineComponent({components: {
InputCode
},setup(props,ctx){constcode=ref('')return{
code
}}})

API

• isArray Deprecated version 2.x please use returnArray.
• returnArray boolean default false The return data type.
• val string|array default ''.
• len The code length default 6.
• size The input size default md The options are small, default, lg, xl.

Example loading...