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