vue验证码计时效果

在这里插入图片描述


  <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)

        }

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 终极编程指南 设计师:CSDN官方博客 返回首页