vue 获取验证码按钮 点击后开始倒计时

第一步

data() {return {disableCode: false,getCode: this.$t('login.obtaining'), // 按钮显示的内容isGeting: false,count: 60}},

第二步

<el-buttonclass="validateImg"type="primary":disabled="disableCode":class="{ codeGeting:isGeting }"@click.stop="getVerifyCode">{{ getCode }}</el-button>

第三步

// 点击按钮倒计时getVerifyCode() {var countDown = setInterval(() => {if (this.count < 1) {this.isGeting = falsethis.disableCode = falsethis.getCode = this.$t('login.obtaining')this.count = 60clearInterval(countDown)} else {this.isGeting = truethis.disableCode = truethis.getCode = this.count-- + 's' + this.$t('login.resend')}}, 1000)},