Codes countdown operation target vue

HTML //
 < INPUT type = "Number" V-Model = "phoneNumber"   placeholder = "Please enter a phone number" /> 
< INPUT type = "Number" V-Model = "phoneCode" placeholder = "Please enter PIN" / > 
< span style = "Color: # EA5504;" @click = "the sendMessage ($ Event)" > send a verification code </ span > 

// data 
data: { 
    phoneNumber: '', 
    phoneCode: '', 

    NUM: 60, 
    count:    60 
} 

// methods 
sendMessage (element) {
                IF (this.phoneNumber == null || || this.phoneNumber undefined == '' == this.phoneNumber) { 
                    vant.Toast ({position: 'bottom', Message: 'Please enter a phone number', duration: } 1000); 
                    return; 
                } 
                IF ((/ ^. 1 [3456789] \ {D}. 9 $ / Test (this.phoneNumber)!.)) { 
                    vant.Toast ({position: 'bottom', Message: 'enter correct phone number ', DURATION: 1000}); 
                    return; 
                } 
                var = that the this; 
                IF (that.num> 0 && that.num < that .count) { 
                    return;
                } 
                Was h = setInterval (function() {
                    that.num = that.num -1;
                    element.target.innerHTML = that.num + 's后重新获取'
                    element.target.style.color = 'gray'
                    element.target.disabled = 'disabled'
                    if (that.num === 0) {
                        element.target.disabled = ''
                        element.target.style.color = ' #EA5504'
                        element.target.innerHTML = '获取验证码'
                        clearInterval(timer)
                    }
                }, 1000)
            }    

 

Guess you like

Origin www.cnblogs.com/helloearth/p/11767210.html