v-for 循环产生多组 checkBoxGroup，组数不定，都绑定了一个 model--

Question

公司的boss系统需求，用vue和iview实现。现有如下代码:

可以发现，每一个 checkBox 都绑定到 v-model:checkAll 上，最后我要提交的也是checkAll 这个数组。但是由于 一共有 12-18 个分组，每个分组要实现全选，同时也要将数组同步到 checkAll 上，请问如何实现这个全选的功能。
尝试一：用 iview 的 checkBoxGroup，没能实现每一组的 checkBox 都能分别全选 没能实现。
尝试二：用 原生checkBox 来实现，每一个都绑定 checkAll，然后再通过每一组的 type 来实现全选。
整整一天了，都没实现，希望能得到大神们的助攻。O(∩_∩)O谢谢