ElementUI Checkbox 多选框

<template>
  <div style="width: 70%;margin-left: 30px;margin-top: 30px;">
    <el-checkbox-group v-model="checkList">
      <el-checkbox v-for="item in itemList" :key="item.id" :label="item.name" :value="item.id"></el-checkbox>
<!--      <el-checkbox label="复选框 A"></el-checkbox>-->
<!--      <el-checkbox label="复选框 B"></el-checkbox>-->
<!--      <el-checkbox label="复选框 C"></el-checkbox>-->
    </el-checkbox-group>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        // 所有列表
        itemList:[
          {
            id: 1,
            name: "复选框 A"
          },
          {
            id: 2,
            name: "复选框 B"
          },
          {
            id: 3,
            name: "复选框 C"
          },
        ],
        // 选中列表
        checkList: ['复选框 A','复选框 C']
      }
    },
  }
</script>

<style>
</style>