const xiandingyingxiongOptions = '韩信 娜可露露 橘右京 不知火舞';

data() {
  return {
    CurData: '',
    arr: {
      '限定英雄': xiandingyingxiongOptions.split(" "),
    },
    ruleForm: {
      '限定英雄': []
    },
    checkAll: {
      '限定英雄': false,
    },
    isIndeterminate: {
      '限定英雄': true,
    },
  }
},

methods: {
  handleCheckAllChange(val, label) {
    this.ruleForm[label] = this.checkAll[label] ? this.arr[label] : [];
    this.isIndeterminate[label] = false;
  },
  handleCheckedCitiesChange(value, label) {
    let checkedCount = value.length;
    this.checkAll[label] = checkedCount === this.arr[label].length;
    this.isIndeterminate[label] = checkedCount > 0 && checkedCount < this.arr[label].length;
  },
}

<template v-for="(value,label) in arr">
 <el-form-item :label="label">
   <el-checkbox :indeterminate="isIndeterminate[label]" v-model="checkAll[label]"
                @change="handleCheckAllChange(checkAll[label],label)">全选
   </el-checkbox>
   <el-checkbox-group v-model="ruleForm[label]">
     <el-checkbox v-for="i in value" :label="i" :key="i"
                  @change="handleCheckedCitiesChange(ruleForm[label],label)">{{ i }}
     </el-checkbox>
   </el-checkbox-group>
 </el-form-item>
</template>