vue中获取短信验证码IOS手机问题

vue中获取短信验证码IOS手机问题,第1张

vue使用中发现了一个问题,由于ios手机获取短信验证码后,验证码会直接显示在键盘上,点击键盘上的验证码即可给对应的input赋值,但是在项目开发中发现输入框的取值为空
经过排查是因为通过v-model绑定的值与input的value没有关联,所以本人解决方式如下:

<input
   ref="SMSCode"
   type="number"
   placeholder="请输入验证码"
   :class="inputBGC?'validation_input' : ''"
   min="1"
   oninput="this.value=this.value.replace(/\D/g);if(this.value.length>6)this.value=this.value.slice(0,6)"
   @blur="input_blur"
 />
this.$refs.SMSCode.value

即直接获取输入框中的值,通过上述方式可以解决上述问题,亲测有效!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/994008.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-21
下一篇 2022-05-21

发表评论

登录后才能评论

评论列表(0条)

保存