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,
},
}
}
剩下的逻辑我想了半天都没有思路,路过的大神指点一下多谢了