ElementPlus el-tree-select设置禁选项

在ElementPlus中，el-tree-select组件提供了props属性来设置节点配置，其中disabled属性可以用来设置禁用状态。你可以在数据节点中添加一个disabled属性来标记该节点为禁用状态。

以下是一个简单的例子，展示如何在el-tree-select组件中设置禁用状态：

<template>
  <el-tree-select
    v-model="value"
    :data="treeData"
    :props="defaultProps"
    placeholder="选择一个节点"
  ></el-tree-select>
</template>
 
<script>
export default {
  data() {
    return {
      value: null,
      treeData: [
        {
          label: '节点1',
          value: '1',
          children: [
            {
              label: '节点1-1',
              value: '1-1',
              disabled: true, // 设置为禁用状态
            },
            {
              label: '节点1-2',
              value: '1-2',
            },
          ],
        },
        {
          label: '节点2',
          value: '2',
          children: [
            {
              label: '节点2-1',
              value: '2-1',
            },
            {
              label: '节点2-2',
              value: '2-2',
            },
          ],
        },
      ],
      defaultProps: {
        value: 'value',
        label: 'label',
        children: 'children',
        disabled: 'disabled', // 指定节点禁用状态的属性名
      },
    };
  },
};
</script>

在这个例子中，节点1-1被设置为禁用状态，用户将无法选择这个节点。其他节点将正常响应用户的点击事件。