vue实现按钮倒计时
按钮倒计时,倒计时结束可以点击vue实现
<button @click="handle" :disabled="readBtn.disabled">{{ readBtn.text }}</button>
data(){
return{
readBtn: {
time: 5,
disabled: true,
text: '我已阅读并同意(5秒)'
}
}
}
methods:{
initRead() {
let timer = null
if (this.readBtn.time) {
this.readBtn.text = `我已阅(${this.readBtn.time}秒)`
this.readBtn.time--
timer = setTimeout(() => {
this.initRead()
}, 1000)
} else {
this.readBtn.disabled = false
this.readBtn.text = '我已阅'
clearTimeout(timer)
}
}
}

浙公网安备 33010602011771号