vue设置父节点和根节点不能选

要实现这个功能，你可以在使用 Vue 的树形组件时，通过设置节点的属性来限制父节点和根节点的选中。具体来说，你可以在节点的 `props` 中设置 `disabled` 属性为 `true`，这样就可以禁止用户选择该节点。以下是一个示例代码：

<template>
  <div>
    <h3>My Tree</h3>
    <el-tree :data="data" :props="treeProps" show-checkbox default-expand-all></el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: 'Parent Node',
          children: [
            {
              label: 'Child Node 1'
            },
            {
              label: 'Child Node 2'
            }
          ]
        }
      ],
      treeProps: {
        label: 'label',
        children: 'children',
        disabled(node) {
          // 禁止选择根节点和父节点
          return !node.children || node.level === 0;
        }
      }
    };
  }
};
</script>

在上面的代码中，我们在 `treeProps` 中设置了 `disabled` 函数，该函数返回 `true` 或 `false` 来决定节点是否可选。在这个例子中，我们禁止选择根节点和父节点，因此只有子节点可以被选中。