vue-verification-code-input
vue-verification-code-input
πA verification code input
Live demo
Install
npm install --save vue-verification-code-input
Usage
<template>
<div id="app">
<CodeInput :loading="false" class="input" v-on:change="onChange" v-on:complete="onComplete" />
</div>
</template>
<script>
import CodeInput from "vue-verification-code-input";
export default {
name: "app",
components: {
CodeInput
},
methods: {
onChange(v) {
console.log("onChange ", v);
},
onComplete(v) {
console.log("onComplete ", v);
}
}
};
</script>
PropTypes
| Key | Type | Desc |
|---|---|---|
| type | text | one of number or text |
| fields | number | The count of characters |
| onChange | func | Trigger on character change |
| onComplete | func | Trigger on all character inputs |
| fieldWidth | number | input width |
| fieldHeight | number | input height |
| autoFocus | bool | auto focus first input on init |
| title | string | code input title |
| loading | bool | show loading flag |
| className | string | class name |
| values | array | default values |
License
MIT Β© suweya
Related Packages
Version History
| Version | Released | License |
|---|---|---|
| 1.0.0 | MIT |