Vue或者uniapp获取手机短信验证码

最新推荐文章于 2024-06-26 10:41:45 发布

世俗ゝ

最新推荐文章于 2024-06-26 10:41:45 发布

阅读量2.9k

点赞数

文章标签： vue.js uniapp

本文链接：https://blog.csdn.net/wangongchao/article/details/107104583

版权

Vue或者uniapp获取手机短信验证码

<button class=“verificationCode-right” @click=“getCode()” type=“default” :disabled="!show">
获取验证码
重新发送{{count}}s

data里面定义
TIME_COUNT:120,//验证码倒计时60s
count:’’,
show:true,

methods里面定义*

	 // 验证码倒计时60s
	    getCode(){
	      if (!this.timer) {
	        this.count = this.TIME_COUNT;
	        this.show = false;
	        this.timer = setInterval(() => {
	          if (this.count > 0 && this.count <= this.TIME_COUNT) {
	            this.count--;
	          } else {
	            this.show = true;
	            clearInterval(this.timer);
	            this.timer = null;
	          }
	        }, 1000)
	      }
	    },