el-tree禁用父节点

如果您想禁用 el-tree 中的父节点，可以使用 `disabled` 属性，将其设置为 `true`。这将禁用该节点及其所有子节点的交互性，但仍将显示它们。

以下是一个示例，演示如何在 el-tree 中禁用父节点：

<template>
  <el-tree :data="data" :props="defaultProps" show-checkbox default-expand-all>
    <template v-slot="{ node }">
      <span :class="{ 'is-disabled': node.disabled }">{{ node.label }}</span>
    </template>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          label: '父节点',
          children: [
            {
              label: '子节点1'
            },
            {
              label: '子节点2'
            }
          ],
          disabled: true // 禁用父节点
        }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  }
}
</script>

<style>
.is-disabled {
  color: #ccc;
}
</style>

在上面的示例中，我们在父节点中设置了 `disabled: true` 属性。这将导致父节点和所有子节点变为灰色，无法进行交互。您还可以在节点的 `class` 中检查 `node.disabled` 属性，以根据节点是否被禁用来更改样式。