主要介绍了vue实现一个6个输入框的验证码输入组件功能，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

要实现的功能： 完全和单输入框一样的操作，甚至可以插入覆盖： 1，限制输入数字 2，正常输入 3，backspace删除 4，paste任意位置粘贴输入 5，光标选中一个数字，滚轮可以微调数字大小，限制0-9 6，123|456 自动覆盖光标后输入的字符，此时光标在3后，继续输入111，会得到123111，而不用手动删除456 7，封装成vue单文件组件，方便任意调用。 模板代码 <div class=input-content keydown=keydown keyup