vue.js 單選框根據v-bind:disabled="條件" 來動態修改多個單選框是否只讀

功能上是需要通過一個input框(type = checkbox)來判斷其它單選框是否只讀

//這是用來控制是否只讀的單選框
<label class="kt-checkbox kt-checkbox--solid kt-checkbox--brand">
    <input type="checkbox"
        v-model="infoData.sysAreaConfigorderby"
        true-value="ORDER_BY"
        false-value=""> {{i18n.t("····")}}
    <span></span>
 </label>

 

<label class="kt-checkbox kt-checkbox--solid kt-checkbox--brand">
    <input type="checkbox"
        v-model="infoData.shopModifyDate"
　　　　 //這是根據條件來判斷是否只讀：infoData.sysAreaConfigorderby為上面用來控制的單選框綁定的model值 v-bind:disabled="infoData.sysAreaConfigorderby==''" 
        true-value="SHOP_MODIFY_DATE"
        false-value="">{{i18n.t("····")}}
　　<span></span>
</label>