1.0.4 • Published 4 years ago
@lorenslacis/vue-verification-code-input v1.0.4
vue-verification-code-input
🎉A verification code input
Live demo
Install
npm install --save vue-verification-code-inputUsage
<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
