el-tree组件中如何实现子节点勾选自动勾选父节点的功能？

<template>
  <el-tree :data="data" ref="treeRef" show-checkbox @check-change="handleCheckChange" node-key="label"></el-tree>
</template>

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

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

    const handleCheckChange = (data, checked) => {
      const { label } = data;
      const [parentLabel] = label.split('-').slice(0, -1); // 获取父节点label
      const parentNode = treeRef.value.getNode(parentLabel);

      if (parentNode) {
        const children = parentNode.childNodes;
        const allChecked = children.every(child => child.checked);

        // 子节点全部勾选则勾选父节点，否则根据子节点状态更新父节点
        if (allChecked) parentNode.setChecked(true);
        else if (!allChecked && !checked) parentNode.setChecked(false);
      }
    };

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