el-tree禁用不置灰
时间: 2023-10-01 21:11:45 浏览: 128
你可以通过设置节点的 disabled 属性来禁用 el-tree 中的某个节点。将 disabled 属性设置为 true 将禁用该节点,并将其置灰。以下是一个示例:
```html
<el-tree :data="treeData" :props="treeProps"></el-tree>
```
```javascript
data() {
return {
treeData: [
{
label: '节点1',
disabled: true, // 禁用节点
children: [
{
label: '节点1-1',
disabled: false, // 不禁用节点
},
{
label: '节点1-2',
disabled: false, // 不禁用节点
},
],
},
{
label: '节点2',
disabled: false, // 不禁用节点
},
],
treeProps: {
disabled: 'disabled', // 使用 'disabled' 字段作为禁用属性
},
};
},
```
在上面的示例中,树中的第一个节点被禁用并置灰,而其他节点没有被禁用。你可以根据自己的需求来设置每个节点的 disabled 属性。
阅读全文