ios短信验证码自动填充两次

发表于 | 分类于 | 评论数： | 阅读次数：

ios系统内部的bug
某些app或者微信网页里，复制手机收到的短信验证码，会触发UITextFieldTextDidChangeNotification监听事件，导致验证码出现了两次，这个应该是ios系统内部的bug.

解决方案

如果input框的type=“text” 或者 type=“password”，则可以给input框加上maxLength属性，让最大长度等于验证码的位数。
如果input框的type=“number”，则可以用如下方法解决：

1
<Input maxLength={6} placeholder="请填写验证码"/>
1
<input type="number" oninput="if(value.length>6) value = value.slice(0,6)">

type=‘text’ 或者 type=’password’时候

1
2
3
4
5
6
7
8
<Field
    v-model="checkcode"
    center
    placeholder="请输入验证码"
    @keyup.native="checkcodeInput"
    maxlength="6"
  >
</Field>