el-tree disabled: true不生效

如果 `el-tree` 的 `disabled` 属性设置为 `true` 但是没有生效，可能是因为该属性只能禁用 `el-tree` 的节点选择，而不能禁用整个树。如果您想禁用整个 `el-tree`，可以使用 `v-if` 或者 `v-show` 来控制树的显示与隐藏。

如果您只想禁用 `el-tree` 的节点选择，可以尝试添加 `node-key` 属性并将其设置为一个不可选中的值，例如：

<el-tree :data="treeData" :node-key="'id'" :disabled="true"></el-tree>

这里的 `node-key` 属性指定了节点的唯一标识符，可以根据实际情况进行调整。需要注意的是，如果您使用了 `check-strictly` 属性来控制勾选行为，那么禁用节点选择可能会导致该属性失效。

相关问题

el-tree的disabled不生效

el-tree的`disabled`属性可以用来禁用整个树或树的某些节点。如果你的`disabled`属性不生效，可能是因为你没有正确设置它。以下是一些可能的解决方法：

1. 确保你正确设置了`disabled`属性。对于整个树，你可以将`disabled`属性设置为`true`，例如：

   <el-tree :data="treeData" :disabled="true"></el-tree>

对于树的某些节点，你可以在节点数据中设置`disabled`属性，例如：

   {
     label: '禁用节点',
     disabled: true
   }

2. 确保你的`disabled`属性没有被其他属性覆盖。例如，如果你同时设置了`expand-on-click-node`和`disabled`属性，`expand-on-click-node`属性会覆盖`disabled`属性，因为它会在节点被点击时展开它。

3. 确保你的`disabled`属性与你的样式设置相匹配。如果你在CSS中设置了样式来覆盖`disabled`属性，那么`disabled`属性可能会被覆盖。

如果你仍然无法解决问题，可以提供更多的代码和上下文信息，以便更好地帮助你调试。

el-tree disabled不起作用

在Vue中，使用disabled属性来禁用el-tree节点时，有几种不同的实现方法，具体取决于你所使用的Vue版本。

在Vue2中，你可以使用以下方法来禁用el-tree节点：

<el-tree :data="data" node-key="id">
  <div class="custom-tree-node" slot-scope="{ node, data }">
    <span>{{ node.label }}</span>
    <div v-if="data.disabled" class="disabled" @click.stop></div>
  </div>
</el-tree>

而在Vue3中，你可以使用以下方法来实现单个节点的禁用效果：

<el-tree ref="treeId" :data="data" node-key="id" default-expand-all :highlight-current="true" :props="{ value: 'id', label: 'label', children: 'children', disabled: 'disabled', }" @node-click="nodeClick">
  <template #default="{ node, data }">
    <span class="custom-tree-node">
      <span>{{ node.label }}</span>
      <div v-if="data.disabled" class="disabled" @click.stop></div>
    </span>
  </template>
</el-tree>

如果你想要给el-tree的data递归赋值disabled属性，但发现无法生效，你可以尝试使用`this.$set(item, 'disabled', true)`来解决这个问题。具体的代码示例如下：

export default {
  data() {
    return {
      data3: [
        {
          id: 1,
          label: '一级 2',
          children: [
            {
              id: 3,
              label: '二级 2-1',
              children: [
                { id: 4, label: '三级 3-1-1' },
                { id: 5, label: '三级 3-1-2', disabled: true }
              ]
            },
            {
              id: 2,
              label: '二级 2-2',
              disabled: true,
              children: [
                { id: 6, label: '三级 3-2-1' },
                { id: 7, label: '三级 3-2-2', disabled: true }
              ]
            }
          ]
        }
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      }
    }
  },
  mounted() {
    this.setDisabled(this.data3); //递归给数组禁止选中
  },
  methods: {
    setDisabled(obj) {
      obj.forEach(item => {
        this.$set(item, 'disabled', true);
        this.setDisabled(item.children);
      })
    }
  }
};