el-tree 禁止点击
时间: 2024-08-16 08:09:22 浏览: 143
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
`el-tree` 是 Element UI 提供的一个树形组件,如果你想禁止用户点击某棵树节点,你可以通过设置 `default-checked-keys` 或者 `node-clickable` 属性来控制。
1. 如果你想禁止单个节点的点击,可以给该节点的 `data.key` 设置成不在 `default-checked-keys` 中的值,并将 `node-clickable` 设为 `false`,例如:
```javascript
<el-tree
:data="treeData"
node-clickable="isClickableNode(item)"
default-checked-keys={['1']}
>
</el-tree>
// isClickableNode 函数
export function isClickableNode(node) {
return !['禁止点击的节点'].includes(node.key);
}
```
2. 如果你想阻止整棵树的所有节点被点击,只需将 `node-clickable` 属性设为 `false` 即可:
```html
<el-tree :data="treeData" node-clickable="false"></el-tree>
```
阅读全文