原始代碼:
<checkbox-group @change="selectCheckBox($event,three,two)"
v-for="(three,threeIndex) in threeList" :key="threeIndex">
<label class="firstLevelTitle">
<checkbox :value="three.id" :checked="three.checked" :disabled="!three.checked&&this.selectIds.length>=this.extraNum"/>
<view class="threeLevelName">{{three.name}}</view>
</label>
</checkbox-group>
這個方法並不能更新disabled狀態到checkbox組件,但是(!three.checked&&this.selectIds.length>=10) 打印出來的頁面的確爲true
解決方法:
<checkbox-group @change="selectCheckBox($event,three,two)"
v-for="(three,threeIndex) in threeList" :key="threeIndex">
<label class="firstLevelTitle">
<checkbox :value="three.id" :checked="three.checked" :disabled="getDisabled(three)"/>
<view class="threeLevelName">{{three.name}}</view>
</label>
</checkbox-group>
getDisabled(three){
return (!three.checked&&this.selectIds.length>=this.extraNum)
},
這樣就可以了~