vue 倒计时 获取验证码

html部分

<div id="app"> <input type="button" class="getCode" :value="btnCodeText" :disabled="btnCodeDisabled" @click="getCode" /> </div>

css样式部分省略

js部分

var app = new Vue({ data(){ return{ btnCodeText:'获取验证码', btnCodeDisabled:false } }, methods:{ getCode(){ let time =60; this.btnCodeDisabled = true; let clearId = setInterval(()=>{ if(time>0){ this.btnCodeText = time +"s 后重试"; time--; }else{ this.btnCodeText = "获取验证码"; clearInterval(clearId); this.btnCodeDisabled = false; } },1000) } } })