vue+element中checkbox 实现遍历分组全选

1、html部分

  

      全选

      
        {{ a.label }}
      
    

2、js部分

效果图：

总结：

1. indeterminate属性 表示 checkbox 的不确定状态 (小横线样式)
2. 此代码中为mock数据，真实场景中，首先拿到接口返回数据，之后加工成前端想要的数据结构 (类似代码中data的数据格式)，可通过for循环、map遍历、reduce等方式
3. 在@change事件中写内部逻辑，最终实现功能