🎉A verification code input
npm install --save vue-verification-code-input
<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>
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 |
MIT © suweya