在vue做的webApp中,有一个获取短信验证码的功能,当用户输入完手机号码时,点击获取短信验证码,再将验证码填入输入框即可,看似简单的功能,安卓上完全没有问题,但到了iPhone手机中(系统为IOS12),就有了一个BUG,因为iPhone的新系统中,加入了一项“短信验证码自动填充”的功能,项目图没有截取,用示例图表示:

当点击键盘上方的验证码,就会自动粘贴;

我们的验证码默认发送的是4位,比如“7590”,当使用系统为IOS12的iPhone自动粘贴时,验证码会变为“75907590”,多粘贴了一次,经过一系列排查,是IOS12系统的BUG,解决方法也很简单:

在input组件中,加 maxlength = ‘4’ 即可解决。