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

最新推荐文章于 2024-11-16 11:06:13 发布

持續

最新推荐文章于 2024-11-16 11:06:13 发布

阅读量506

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js ios 前端

本文链接：https://blog.youkuaiyun.com/Mr_lijie/article/details/122809129

vue 专栏收录该内容

4 篇文章

订阅专栏

本文讲述了在Vue项目中遇到的iOS输入验证码后输入框值为空的问题，通过分析发现v-model绑定的值与input的value不一致，作者提供了解决方案：直接操作input的value属性。经实践，此方法有效避免了验证码输入问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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"
 />