el-checkbox 禁用，但是子集选中，他的状态也要变

`el-checkbox` 是 Element UI 中的一个组件，用于创建单选复选框。当某个 `el-checkbox` 被禁用（disabled），通常情况下，用户将无法直接选择这个选项，它的外观会显示为灰色并失去交互性。

然而，如果在禁用的状态下，你需要反映出某种子级关联的状态也被影响了（比如一个下拉菜单中的选项因为父项被禁用而联动不可选），你可以通过程序控制来更新相关组件的状态。例如，在点击事件中检查父复选框是否禁用，如果是，则清除子组件的所有选中状态：

<template>
  <el-checkbox v-model="parentChecked" :disabled="parentDisabled">
    {{ parentLabel }}
    <ul>
      <li v-for="(item, index) in childOptions" :key="index" @click="handleChildClick(item)">
        <el-checkbox v-model="item.checked" :disabled="parentDisabled">{{ item.label }}</el-checkbox>
      </li>
    </ul>
  </el-checkbox>
</template>

<script>
export default {
  data() {
    return {
      parentChecked: false,
      parentDisabled: true, // 初始化为禁用
      childOptions: [
        { label: 'Option 1', checked: false },
        { label: 'Option 2', checked: false },
        // 更多子项...
      ]
    };
  },
  methods: {
    handleChildClick(item) {
      if (this.parentDisabled) {
        item.checked = false; // 禁用时清除子项选中
      }
    }
  }
};
</script>

在这个例子中，每次点击子级复选框时，都会检查`parentDisabled`的状态，如果为真则取消选中当前项。这样可以模拟出一种子集受控于父项禁用状态的效果。