前端设置，验证码登录

一时失言乱红尘 2022-10-27 13:53 193阅读 0赞

// 1.1 非空判断
        sendMessage() { 
          if (!this.phoneNo) { 
            this.$vux.toast.text("请输入手机号码");
            return false;
          }
          // if (!this.captcha) { 
          // this.$vux.toast.text("请输入图片验证码")
          // return false;
          // }
          if (this.isOvertime) { 
            this.$vux.toast.text("别急，正在发送中");
            return false;
          }
          this.sms();
        },
        // 2.短信验证码请求
        sms() { 
          new Promise((resolve, reject) => { 
            Api_auth.sms(this.captcha, this.phoneNo)
              .then(response => { 
                this.$vux.toast.text("短信已发送");
                // this.$refs.color.style.backgroundColor = "#2e82d8";
                let that = this,
                  time = 60;
                var sendTimer = setInterval(function() { 
                  that.isOvertime = true;
                  time--;
                  that.word = time + " 后重新发送";
                  if (time < 0) { 
                    that.isOvertime = false;
                    clearInterval(sendTimer);
                    that.word = "获取验证码";
                    // that.$refs.color.style.backgroundColor = "#EF7E00";
                  }
                }, 1000);
              })
              .catch(error => { 
                this.$vux.toast.text(error);
                reject(error);
              });
          });
        },