js 根据条件禁止复选框_element-ui多选框根据不同条件禁用？

1、需求如图：

不选中频次的时候，全部选项都是禁用的，而且饭‘前中后’永远都只能选中一个，选择一日一次的时候，选中任何一个按钮其余所有按钮全部禁用，选中一日两次的时候，如选了早餐中，那么早餐前后都不能选，这个时候再选中睡前的话剩下的就全部不可选。剩下的同理，最高的频次可以是一日4次。

具体到代码里我是用了4组多选框写的：

早餐

前

中

后

午餐

前

中

后

晚餐

前

中

后

占位

睡前

data(){

return{

checkList:{

checkList1:[],

checkList2:[],

checkList3:[],

checkList4:[]

},

disabledValue:{

disabled1:true,

disabled2:true,

disabled3:true,

disabled4:true,

disabled5:true,

disabled6:true,

disabled7:true,

disabled8:true,

disabled9:true,

disabled10:true,

},

}

}

剩下的逻辑我想了半天都没有思路，路过的大神指点一下多谢了