vue实现获取验证码倒计时

template

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

script

data() {
	return {
		yzm: '发送验证码',
		disabled:false
	},
	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)
			}
	}
}