vue中：

<div class="getCode"><van-buttonslot="button":class="[!disabled ? 'signature-code-button' : '']":disabled="disabled"@click="getCode">{{ disabled ? `重新發送 ${resendTime}` : "獲取驗證碼" }}</van-button></div>

methods:中點擊事件

// 點擊獲取驗證碼getCode() {this.verificationValue = "";let params = {orderId: this.verificationId};getVerifyCode(params).then(res => {if (res.code == "1") {Toast(res.data.errorMessage);this.disabled = true;this.resendTime = 59;this.interval = setInterval(() => {if (this.resendTime > 0) {this.resendTime -= 1;} else {this.resendTime = 60;clearInterval(this.interval);this.disabled = false;}}, 1000);} else {Toast(res.msg);}});},

上圖

總結

以上是生活随笔為你收集整理的获取手机验证码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。