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

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

<inputref="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

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

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

vue中获取短信验证码IOS手机问题
vue使用中发现了一个问题,由于ios手机获取短信验证码后,验证码会直接显示在键盘上,点击键盘上的验证码即可给对应的input赋值,但是在项目开发中发现输入框的取值为空经过排查是因为通过v-mode ...
快速集成APP注册页面免费获取短信验证码功能
前言: 最近这段时间都忙着优化自己的个人项目,好久没来总结分享了,今天就抽空跟大家分享一下快速集成APP注册页面免费获取短信验证码功能吧. 一.使用第三方短信SDK前期准备: 在这里我是使用了第三方免 ...
vue实现获取短信验证码
在template中加 <el-form-item prop="phoneCode" class="pr"><el-input placeho ...
小程序获取短信验证码功能实现
实现功能验证手机号的合法性请求获取验证码发送短信验证码60S倒计时判断验证码是否正确在Page文件设置data // 获取验证码phone: '',//手机号code: '',//验证码is ...
javca中redis获取value_接口测试：如何从redis中获取短信验证码
问题:重置密码接口.注册接口的入参需要用到短信验证码接口发出的短信,短信验证码存到了Redis里.如何从Redis中取出? 解决办法:(首先鸣谢开发小伙伴薛同学!) 薛同学给了Redis的IP地址.端 ...
阿里云——Java实现手机短信验证码功能
目录如何实现短信验证码功能 1.准备工作 1.1 注册阿里云账号,并完成实名认证.找到短信服务功能. 1.2 开通短信服务 1.3 签名与模板 1.4 获取AccessKey 1.5 打开短信控 ...
注册之获取短信验证码
注册之获取短信验证码功能:短信发送,邮件发送所用技术:Redis,Mq,Java mail ,HttpClient,阿里大鱼一般在我们点击发送验证码的时候会有一下这三点 1:在HTML页面中我们 ...
iOS点击获取短信验证码按钮
概述 iOS点击获取短信验证码按钮, 由于 Demo整体测试运行效果 , 整个修改密码界面都已展现, 并附送正则表达式及修改密码逻辑. 详细代码下载:http://www.demodashi.com ...
android-短信验证功能,Android实现获取短信验证码的功能以及自定义GUI短信验证详解...
<Android实现获取短信验证码的功能以及自定义GUI短信验证详解>由会员分享,可在线阅读,更多相关<Android实现获取短信验证码的功能以及自定义GUI短信验证详解(8页珍藏版 ...

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

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

最新文章

热门文章