Vue 验证码点击倒计时

废话不说直接上代码

html

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

js

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
	}
}