Vue如何实现验证码输入交互

最近做一个H5的页面，里面有个输入验证码交互，就是移动端比较常见的那种验证码输入交互。显然，这个方案并不合适。测试后后发现，焦点的移动，不会导致移动端键盘的收起。一旦触发该事件，我们会把焦点移动到从左往右第一个 value 为空字符的 input 上。当输入后的字符不为空字符，我们会和 focus 事件一样，重定位下一个需要聚焦的 input。最后我们还要处理退格行为，需要给所有 input 绑定 keydown 事件。当按下的为退格键，且当前 input 的 value 为空时，清空上一个 input 里的数据，并聚焦到上一个 input 上。简单稳妥的实现维护简单，也不会有太多意想不到的状况。