首页 > 建站教程 > APP开发,混合APP >  uni-app解决ios短信验证码自动填充两次bug正文

uni-app解决ios短信验证码自动填充两次bug

ios系统内部的bug:

在IOS手机下,点击IOS收到的短信验证码,会触发UITextFieldTextDidChangeNotification监听事件,导致验证码在输入框出现了两次,这个应该是ios系统内部的bug。

解决办法就是监听输入框值的变化,如果内容超出验证码长度,就把它截断:

html:

<input v-model="smsCode" type="number" placeholder="请输入验证码" @input="changeKeyUp" />

js:

function changeKeyUp() {
  if(smsCode.value > 4) {
    smsCode.value = smsCode.value.slice(0, 4)
  }
}