vue-auth-code-input

Authentication code input component in vue

Install

yarn add vue-auth-code-input

Usage

<template>
  <div>
    <vue-auth-code-input @inputChange="handleChange"/>
  </div>
</template>
<script>
import VueAuthCodeInput from 'vue-auth-code-input'
export default {
  components: {
    VueAuthCodeInput
  },
  methods: {
    handleChange(code, index){
      console.log(code)
    }
  }
}
</script>

Attributes

name	type	description	required	default
codeLength	Number	set the length of authentication code	No	6

Event

name	parameters	description
inputChange	codeArray, changedIndex	When some input value changes
inputComplete	codeArray, changedIndex	When all input value are not empty