Vue+Element实现多个checkbox的全选与联动选择

结构描述:前端+后端+UI为一个独立的el-checkbox-group;

选项一+选项二为一个独立的el-checkbox-group;

两个独立的group处于一个大el-checkbox中;

实现目标:1.任意一个复选框的状态需要与全选框联动;

2.点击选项二后选项一被联动取消,在两个都被勾选的情况下取消选项一时选项二也被联动取消

Vue+Element实现多个checkbox的全选与联动选择_第1张图片

示例代码:




你可能感兴趣的:(vue.js,javascript,前端,elementui)