el-checkbox-group插入内容

el-checkbox-group是Element UI中的一个组件，用于实现多选框的分组选择。它可以包含多个el-checkbox子组件，并且可以通过v-model指令来绑定选中的值。

要向el-checkbox-group插入内容，可以使用v-for指令来动态生成el-checkbox子组件。首先，需要在data中定义一个数组，用于存储选项的数据。然后，在模板中使用v-for指令遍历该数组，并将每个选项渲染为el-checkbox子组件。

以下是一个示例代码：

<template>
  <div>
    <el-checkbox-group v-model="selectedOptions">
      <el-checkbox v-for="option in options" :label="option.value" :key="option.id">
        {{ option.label }}
      </el-checkbox>
    </el-checkbox-group>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { id: 1, label: 'Option 1', value: 'option1' },
        { id: 2, label: 'Option 2', value: 'option2' },
        { id: 3, label: 'Option 3', value: 'option3' }
      ],
      selectedOptions: []
    };
  }
};
</script>

在上面的代码中，options数组存储了选项的数据，每个选项包含id、label和value属性。通过v-for指令遍历options数组，将每个选项渲染为el-checkbox子组件。el-checkbox-group组件通过v-model指令绑定selectedOptions数组，用于存储选中的值。

当用户选择或取消选择el-checkbox子组件时，selectedOptions数组会自动更新，可以通过访问selectedOptions数组来获取用户选择的值。