vue登录时验证码获取

html:

 <button type="default" class="button" :disabled="disCaptCha" @click="onCaptcha">{{captchaText}}</button>

model:

captchaText: "获取验证码",
disCaptCha: false,

js:

//获取验证码onCaptcha() {const that = thislet phone = that.loginForm.phone;if (phone == "" || phone == null) {that.$msg("请输入正确的手机号")} else {if (!(/^1[3456789]\d{9}$/.test(phone))) {that.$msg("请输入正确的手机号")} else {let url = "xxxxxxxxx"that.$post(url, {phone: phone}).then(res => {let countDown = 60;var newCode = setInterval(function() {that.disCaptCha = truethat.captchaText = "重新发送(" + countDown + ")"countDown--;if (countDown == 0) {clearInterval(newCode);that.disCaptCha = falsethat.captchaText = "获取验证码"countDown = 60;}}, 1000);}).catch(error=>{clearInterval(newCode);that.disCaptCha = falsethat.captchaText = "获取验证码"countDown = 60;})}}},

vue登录时验证码获取相关推荐

Vue登录时校验验证码
Vue登录时校验验证码环境: 前端:Vue 后端:SpringBoot 前一章已写过如何实现验证码:https://blog.csdn.net/weixin_45732391/article/det ...
网页登录时验证码功能的实现
网页登录时验证码功能的实现在我们日常上网时,经常会遇到要登录的界面,我们会发现他会让你输入账号,密码外,还需要输入随机生成的验证码. 作用: 不少网站为了防止用户利用机器人自动注册.登录.灌水,都采 ...
关于登录时验证码无法显示
关于登录时验证码无法显示我当时的情况时redis密码不对,导致无法显示
第三方QQ登录时，获取unionID的问题
https://graph.qq.com/oauth2.0/me?access_token=DGKFDJGJDF8346GFNF34BDF8DDF4&unionid=1 开始我们用上面的链接去 ...
【登录时验证码一直错误】阿里云SLB负载均衡，如何session共享
场景: 小程序休眠期是在公司机房放着呢,现在要使用,使用期上阿里云. 在6上使用阿里云的SLB做负载均衡.将请求分发给124和192. 操作步骤: 1.先在124和192上搭好后端环境测试好后台 ...
ASP.NET登录时验证码的制作与验证
ASP.NET 验证码的制作与校验(使用 cookie 传值) (1)验证码应该是图片格式,不能是文字格式,即无法用鼠标选中.(2)验证码上应该有噪点和干扰线条.(3)验证码应该回避相似字符,如&qu ...
【Vue作业]---Vue登录注册界面
1.引言你是否有过相关设计结课作业,课程设计无处下手,网页要求的总数量太多?没有合适的模板?数据库,java,python,vue,html作业复杂工程量过大?毕设毫无头绪等等一系列问题.你想要解决 ...
打开i信服务器正在运行中,【网络异常，0/12157 Unknown】i信登录时出现
[网络异常,0/12157 Unknown]i信登录时出现 1.登陆i信时提示"登陆失败,错误原因:网络异常或网络错误,--Unknown",如下图示意,可能是您电脑为Window ...
vue实现登录时的图片验证码（纯前端）
提示:这里只将我成功运行出来的案例放在这里供大家参考一.图片验证码经过我一天的查询,<vue实现登录时的图片验证码>,这篇博客效果比较好,代码基本没有什么问题的.效果如下,点击图片即可 ...
node+vue前后端分离实现登录时使用图片验证码
记录一下前端使用验证码登录的过程后端用的是node.js,关键模块是svg-captcha 前端使用的是vue2 最后的登录界面如下: 后端代码先上代码,然后解释 const svgCaptcha ...

vue登录时验证码获取

html:

model:

js:

vue登录时验证码获取相关推荐

最新文章

热门文章