vue，vue3仿app输入手机验证码功能

Posted 2023-02-23 发奋图强_lee

vue3 仿app验证码输入功能：

1，每一个输入框只能输入一个数字，也只能输入数字。
2，输入了一个数字之后，自动跳到下一个输入框，当最后那个输入框输入时开始调用接口（或调用某一函数）
3，光标在的当前输入框可以输入外，其它的输入框都是不能输入的。
4，当按删除键时，光标会自动退回前一个输入框，并把数字删掉（看动态gif图）
5，当用户复制验证码在第一个输入框的时候，会自动分配到六个输入框，并开始调用接口（或调用某一函数）
6，当用户刚进入这个页面时，第一个输入框自动获取光标焦点

看gif图

 讲解看注释,代码如下：

html:

 js：

 

css 

        

 =================================================