el-tree一建折叠
时间: 2024-10-12 17:13:19 浏览: 44
江西一建华东地质实验大楼.zip
`el-tree` 是 Element UI 中的一个组件,它用于构建树形结构的数据展示,并支持展开和折叠功能。要启用折叠功能,你需要设置 `default-expand-all` 属性来控制默认是否全部展开,或者使用 `expand-on-click-node` 来指定点击节点是否展开。同时,你可以通过监听 `@node-click` 或 `@node-collapse` 事件来响应节点的点击或折叠操作。
下面是一个简单的例子:
```html
<el-tree
:data="treeData" // 树形数据源
node-key="id"
default-expand-all
@node-click="handleNodeClick"
>
</el-tree>
// 你可以在methods里定义处理节点点击的方法
methods: {
handleNodeClick(node) {
if (node.children && node.children.length > 0) { // 判断是否有子节点
node.expanded = !node.expanded; // 展开或折叠节点
}
}
}
```
在这个例子中,每当用户点击一个节点,如果该节点有子节点,它的展开状态会反转。
阅读全文