class 動態控制 按鈕禁用 vant組件

 參考網址： https://www.cnblogs.com/lwming/p/10925318.html

 

 

<div style="margin: 16px;">

      <van-button :disabled="ActivityInfo.MaxFilesCount<applyList.length?true:false"  :class="{btnBg:btnState}" round block type="info" class='btnposition' native-type="submit"  @click='NewAddInfo' v-if="ActivityInfo!=null">

        {{newaddbtn}}

      </van-button>

    </div>

//判斷   上傳的數量<總數量的時候   還可以繼續上傳  true  表示不禁用  false禁用

 

computed:{

       btnState(){         //上傳的長度<總長度    返回值是true  顯示原來的顏色     返回值false   顯示.btnBg顏色

           return  this.ActivityInfo.MaxFilesCount<this.applyList.length

       }

   },

 

.btnBg{

background:rgb(29, 28, 28);

}