验证码发送的问题以及disabled（禁用）的应用

手机短信登录验证码如何发送

• **disabled，如果布尔值为true，就是禁用，如果布尔值为false，那么就是可以用，不禁用。 **

<view class="title"><text class="cuIcon-lock margin-right-xs"></text>验证码:</view>
<input class="uni-input" placeholder="请输入验证码" v-model="smsCode" />
<view class="action">
<button class="cu-btn line-blue sm" :disabled="!isSendSMSEnable" @click="onSMSSend">
{{ getSendBtnText }}</button>
</view>
					

• 下面是方法

computed:{
isSendSMSEnable(){
return this.smsCountDown <=0 && this.phoneNo.length > 4;
},

getSendBtnText() {
if(this.smsCountDown > 0){
   return this.smsCountDown + '秒后发送'

}else{
return '发送验证码'；
  }
}

• 如果this.smsCountDown 发送后剩余的时间<=0,并且输入的手机号长度大于4个，那么isSendSMSEnable就是true,那么!isSendSMSEnable就是false，那么disabled就是不禁用，就是这个button可以用。
• button里面的内容{{ getSendBtnText }}
  • 如果smsCountDown（等待输入验证码的时间）大于0，则说明已经发送过验证码了，那么button里面就显示多少秒后发送；
  • 否则就显示正常的“发送验证码”；