vue3-code-input

vue3 验证码输入框

使用

<script setup>
import { VerificationInput } from 'vue3-code-input';

function handleChange(code: string) {
  console.log(code);
}
</script>
<template>
  <VerificationInput @change="handleChange"></VerificationInput>
</template>

样式可以自由覆盖。

参数

props|desc|type|default|required --|--|--|--|--| step | 验证码个数 | number | 6 | - autofocus | 原生属性 | boolean | false | - disabled | 是否禁用 | boolean | false | - inputFormatter | 格式化输入值 | (t: string) => string | 仅允许数字和字母 | -

事件

events|desc|type --|--|--| change | 输入内容改变 | (value: string) => void