el-tree节点勾选难题：如何实现同一层级节点间的自动勾选？

<code class="vue"><template>
  <el-tree :data="data" :props="defaultProps" ref="treeRef" show-checkbox @check-change="handleCheckChange" />
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const treeRef = ref();
    const data = ref([
      {
        label: 'root',
        children: [
          { label: '2-0' },
          { label: '2-1' },
          { label: '2-2' },
          { label: '3-0' },
          { label: '3-1' },
          { label: '3-2' },
        ],
      }
    ]);
    const defaultProps = ref({
      children: 'children',
      label: 'label',
    });

    const handleCheckChange = (data, checked) => {
      const [type, index] = data.label.split('-');
      const checkedNodes = treeRef.value.getCheckedNodes();

      // 勾选 x-n，且 x-0 未勾选，则勾选 x-0
      if (checked && index !== '0' && !checkedNodes.some(it => it.label === `${type}-0`)) {
        treeRef.value.setChecked(`${type}-0`, true);
      }

      // x-0 取消勾选，且有 x-n 被勾选，则重新勾选 x-0
      if (!checked && index === '0' && checkedNodes.some(it => it.label !== `${type}-0` && it.label.startsWith(`${type}-`))) {
        treeRef.value.setChecked(`${type}-0`, true);
      }
    };

    return { treeRef, data, defaultProps, handleCheckChange };
  },
};
</script></code>