vue treeselect 禁用父节点

在Vue的treeSelect组件中，可以通过设置节点的disabled属性来禁用父节点。你可以使用以下方法来实现：

1. 首先，你需要将树形数据进行格式化，添加disabled属性。你可以使用类似下面的代码来实现：

const addKey = (treeData) => {
  return treeData.map((item) => ({
    ...item,
    disabled: item.childrenList?.length > 0 ? true : false,
    childrenList: item.childrenList ? addKey(item.childrenList) : []
  }))
}

2. 然后，在treeSelect组件中，将treeData属性设置为格式化后的数据，并将disabled属性绑定到is变量上。例如：

<a-tree-select
  v-model:value="value"
  tree-data-simple-mode
  style="width: 70%"
  :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }"
  :tree-data="treeData"
  :disabled="is"
  placeholder="请选择UDF资源目录"
/>

在上述代码中，is变量控制了父节点的禁用状态。

通过以上步骤，你可以在Vue的treeSelect组件中禁用父节点。