vue验证码计时效果

.Passion 2021-01-27 22:55:16

分类专栏： vue 前端

本文链接：https://blog.csdn.net/qq_43923045/article/details/113280632

版权

在这里插入图片描述


  <a href="javascript:void(0)" @click.prevent="getCode" class="get-code" v-show="!prevent">获取验证码</a>
                    <a class="get-code countdown" v-show="prevent">{{countdownSecond}}</a>


  countdownSecond = 60
        //屏蔽，防止重新点击验证码
        countDown() {
            this.countdownSecond = 60
            const timer = setInterval(()=>{
                if (this.countdownSecond>=1) {
                    this.countdownSecond--;
                }else{
                    this.prevent = false

                    clearInterval(timer);
                }
            },1000)

        }