简单的验证码倒计时功能

<el-button v-bind:class="{grey:isGrey,blue:!isGrey}" v-bind:disabled="dis" type="primary" 
  @click="getCode">
       <span v-if="show">发送验证码</span><span v-else>重新发送({{count}}s)</span>
  </el-button>

getCode(){
        this.$refs["form"].validate(valid => {
          if (valid) {
            sendSms(this.form.contactNumber, 120).then(response => {
              if (response.code == 200) {
                this.form.uuid = response.msg;
                this.getCode_Interval()
              }
            })
          }});
      },
      getCode_Interval(second=120)
      {
        this.msgSuccess("验证码已发送到您的手机");
        this.dis=true;
        this.isGrey=true;
        const TIME_COUNT = second;
        if (!this.timer) {
          this.count = TIME_COUNT;
          this.show = false;
          this.timer = setInterval(() => {
            if (this.count > 0 && this.count <= TIME_COUNT) {
              this.count--;
            } else {
              clearInterval(this.timer);
              this.timer = null;
              this.isGrey=false;
              this.show = true;
              this.dis=false
            }
          }, 1000)
        }
      }

.grey{
    background-color: #EDEEF1;
    border-color: #EDEEF1;
    color:#666;
    width: 30%;
  }
  .blue{
    background-color: #64A0DD;
    border-color: #64A0DD;
}