倒计时60s?(vue)

倒计时60s?(vue)"/>

倒计时60s?(vue)

<el-button :disable=“disbaled” @click="onClick">{{ btnText }}</el-button>// js
data () {return {btnText: '点击',disabled: false, // 不禁用oneMinutes: 0, // 倒计时timer: null, // }
},
methods: {onClick () {this.oneMinutes = 60;this.disabled = true;this.timer = setInterval(() => {this.btnText = `${this.oneMinutes}s`;this.oneMinutes--;if (this.oneMinutes <= 0) {this.btnText = '点击';this.oneMinutes = 60;this.disabled = false;clearInterval(this.tiemr);}}, 1000)}
}