<el-button :disabled="countdown > 0" @click="sendVerificationCode">
{{ countdown > 0 ? countdown + '秒' : '发送验证码' }}
</el-button>
js部分
// 倒计时的秒数
const countdown = ref(0);
// 发送验证码函数
const sendVerificationCode = () => {
// 如果倒计时已经开始,则直接返回
if (countdown.value > 0) return;
// 设置倒计时为60秒
countdown.value = 60;
// 启动定时器,每秒减少一秒
const timer = setInterval(() => {
countdown.value--;
// 当倒计时结束时,清除定时器
if (countdown.value === 0) {
clearInterval(timer);
}
}, 1000);
};