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 |