Vue实现了一个验证码输入组件

.input-box{.input-content{width:512px;高度：60px；显示：弹性；对齐项目：居中；证明内容：空格之间；输入{颜色：继承；字体系列：继承；边界：0；大纲：0；border-bottom:1pxsolid#919191;高度：60px；宽度：60px；字体大小：44px；;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{外观：无；保证金：0；}}，有6个输入框。实现的功能：和单个输入框一样的操作，甚至可以插入覆盖：1、限制输入个数2、正常输入3、退格删除4、粘贴任意位置粘贴输入5，光标选中一个数字，滚轮可以微调数字的大小，限制为0-96，123|456自动覆盖光标后输入的字符，此时光标在3后，继续输入111，你会得到123111，而不是手动删除4567打包成vue单文件组件，方便任意调用。模板代码实现键盘的keydown/keyup/paste/input和鼠标滚轮的mousewheel事件使用6个input的方案实现盒子。样式部分：使用scss模式.input-box{.input-content{width:512px;高度：60px；显示：弹性；对齐项目：居中；证明内容：空格之间；输入{颜色：继承；字体系列：继承；边界：0；大纲：0；border-bottom:1pxsolid#919191;高度：60px；宽度：60px；字体大小：44px；;}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{外观：无；保证金：0；}}具体实现逻辑：主要实现上面的键盘事件动作。如果您发现错误或有优化空间，欢迎您指正和建议。我会随时更新为原码分享给大家。