vue中循环多组checkbox-group

在Vue中，你可以使用v-for指令来循环生成多组checkbox-group。以下是一个简单的例子，展示了如何在Vue中动态创建多组复选框：

<template>
  <view>
    <checkbox-group v-for="(group, index) in checkboxGroups" :key="index">
      <checkbox-button v-for="(item, idx) in group" :key="idx" :value="item.value" :checked="item.checked">
        {{ item.label }}
      </checkbox-button>
    </checkbox-group>
  </view>
</template>
 
<script>
export default {
  data() {
    return {
      checkboxGroups: [
        [
          { label: '选项1', value: 'option1', checked: false },
          { label: '选项2', value: 'option2', checked: false }
        ],
        [
          { label: '选项3', value: 'option3', checked: false },
          { label: '选项4', value: 'option4', checked: false }
        ]
      ]
    };
  }
};
</script>

在这个例子中，checkboxGroups是一个包含两个数组的数组，每个子数组代表一个checkbox-group。每组checkbox-group内部又通过v-for创建了多个checkbox-button。label是显示的文本，value是复选框的值，checked是复选框的初始选中状态。

请注意，checkbox-group和checkbox-button是微信小程序中的组件，如果你使用的是其他框架或平台，组件名称可能不同，请根据实际情况调整。