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>