el-tree设置父节点禁用
时间: 2023-10-03 07:03:22 浏览: 141
el-tree==>添加分级图标==>添加引导线样式==>点击节点展示全部父节点信息==>使用$store封装全局组件
你可以使用 el-tree 中的 `disabled` 属性来禁用节点。要禁用父节点,你可以在父节点的数据中设置 `disabled: true`。这样会禁用整个父节点及其所有子节点,同时父节点上的复选框也会被禁用。以下是一个示例:
```html
<template>
<el-tree :data="data" :props="defaultProps"></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: '父节点',
disabled: true,
children: [
{
id: 2,
label: '子节点1'
},
{
id: 3,
label: '子节点2'
}
]
}
],
defaultProps: {
children: 'children',
label: 'label',
disabled: 'disabled'
}
}
}
}
</script>
```
在上面的示例中,父节点被禁用,因此整个父节点及其所有子节点都被禁用。你还可以根据需要设置其他节点的 `disabled` 属性来禁用它们。
阅读全文