Vue3 实现验证码功能

验证码输入组件实现了现代网站常见的验证码输入交互，主要特性和实现细节如下：

• 自动跳转与退格回退：当用户在某一输入框输入1位有效字符（数字或字母）后，光标会自动跳转到下一个输入框，删除时自动跳回上一个，提升输入效率。
• v-model 双向绑定：每个输入框绑定数组 codes 双向绑定，方便统一获取和处理验证码。
• 粘贴支持：支持用户直接粘贴完整验证码（如6位），自动将每一位分配到对应输入框，并自动跳转到最后一位，极大提升用户体验。
• 错误提示：输入非数字或字母时，会在输入框下方实时显示红色错误提示，并自动清空非法输入。
• 按钮禁用：只有所有输入框都填满有效字符时，“继续”按钮才可点击，防止用户误操作。

代码实现

适用场景

• 手机/邮箱验证码输入（登录、注册、找回密码等场景）
• 需要用户输入定长安全码、授权码等场景