vue中disabled的使用，點擊提交禁止再次點擊

• ###disabled <button @click="withdrawMoney()" :disabled="submitDisabled">提交</button>

• <script>
      export default{
          ready(){
              this.submitDisabled = false; //初始化為face表示是可以點擊的
          },
          data () {
              return {
                 submitDisabled:false;//提交按鈕是否可點擊 false是可點擊,true不可點擊
              }
          },
          methods:{
              withdrawMoney () {
                  if(Number(this.balance)<10){
                      this.setTip({
                          text: '提現金額不得低於10元'
                      });
                      return false
                  }
                  this.submitDisabled = true //判斷條件結束后點擊按鈕后就禁止再次點擊
                  this.$http({}).then (res) =>{
                      let data = JsonParse(res.data)
                      if(data.statusCode === 200){
                          
                      }else{
                          //請求數據失敗之后可以再次點擊
                              this.submitDisabled = false
                      }    
                  }
              }
          }
      }
  </script>

  轉載於:https://my.oschina.net/pingheyongfeng/blog/1204478