Vue 验证码点击倒计时

最新推荐文章于 2024-08-19 16:42:47 发布

Dear热热

最新推荐文章于 2024-08-19 16:42:47 发布

阅读量335

点赞数

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

本文链接：https://blog.csdn.net/weixin_45414972/article/details/102771577

版权

web前端专栏收录该内容

9 篇文章 0 订阅

订阅专栏

废话不说直接上代码

html

<div class="num" @click="yzmBtn">
    <button :disabled="disabled">{{yzm}}</button>
</div>

methods: {
	yzmBtn() {
		let time = 5;
		let timer = setInterval(()=>{
			if(time == 0){
				clearInterval(timer);
				this.yzm = "获取验证码";
				this.disabled=false;
			}else{
				this.yzm = time + 's';
				time--;
				this.disabled=true;
			}
		},1000)
	}
},
data() {
	return {
		yzm: '发送验证码',
		disabled:false
	}
}