el-tree禁用某些节点
时间: 2023-10-03 14:07:22 浏览: 187
在 Element UI 的 el-tree 中,禁用某些节点可以通过设置节点的 disabled 属性来实现。例如:
```html
<template>
<el-tree :data="data" :props="props"></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
label: '节点 1',
children: [
{
label: '子节点 1',
disabled: true // 禁用该节点
},
{
label: '子节点 2'
}
]
},
{
label: '节点 2',
disabled: true // 禁用该节点及其所有子节点
}
],
props: {
children: 'children',
label: 'label',
disabled: 'disabled'
}
};
}
};
</script>
```
在上面的示例中,节点 1 的子节点 1 被禁用了,节点 2 及其所有子节点也被禁用了。设置 disabled 属性的值为 true 即可禁用节点。注意,设置 disabled 属性只会禁用节点,而不会影响其子节点的状态。如果要禁用一个节点及其所有子节点,需要将其所有子节点的 disabled 属性也设置为 true。
阅读全文