<el-button
            type="primary"
            plain
            @click="getCaptcha"
            :disabled="flag"//点击之后按钮不可获取
          >{{content}}</el-button>
//content显示按钮内文本
data() {
    return {
      // 验证码按钮
      flag: false,//按钮是否可取
      content: "发送验证码",//按钮内文本
      totalTime: 60,//倒计时时间
    };
  },
getCaptcha() {
      this.flag = true;//点击之后设置按钮不可取
      this.content = this.totalTime + "s后重新发送";//按钮内文本
      let clock = window.setInterval(() => {
        this.totalTime--;
        this.content = this.totalTime + "s后重新发送";
        if (this.totalTime < 0) {
          window.clearInterval(clock);
          this.content = "重新发送验证码";
          this.totalTime = 60;
          this.flag = false; //这里重新开启
        }
      }, 1000);
    },

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-09
  • 2022-12-23
  • 2022-12-23
  • 2022-03-10
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-24
  • 2021-07-10
  • 2021-12-02
  • 2022-12-23
相关资源
相似解决方案