<el-input v-model="testCode" placeholder="请输入验证码" style="width:80%;"> <el-button slot="append" @click="again" v-show="show">发送验证码</el-button> <el-button slot="append" v-show="!show">{{djs}}s</el-button> </el-input>
data() { return { djs: "", show: true, timer: null };
again() { const TIME_COUNT = 60; if (!this.timer) { this.djs = TIME_COUNT;
if(this.djs==TIME_COUNT){
console.log("验证码")
}
this.show = false; this.timer = setInterval(() => { if (this.djs > 0 && this.djs <= TIME_COUNT) { this.djs--; } else { this.show = true; clearInterval(this.timer); this.timer = null; } }, 1000); } },