vue el-tree懒加载树怎么在初始时候直接展开第二级
时间: 2023-10-20 09:19:59 浏览: 167
要在初始时展开 el-tree 的第二级,可以通过设置 `default-expand-all` 属性为 `false`,并在 `node-expand` 事件中动态地将第二级节点展开。具体实现可以参考以下代码:
```html
<template>
<el-tree :data="treeData" :load="loadNode" :default-expand-all="false" @node-expand="handleNodeExpand">
</el-tree>
</template>
<script>
export default {
data() {
return {
treeData: []
}
},
methods: {
loadNode(node, resolve) {
// 加载节点的数据
// ...
// 调用 resolve 并传入子节点数组,表示该节点有子节点
resolve(children)
},
handleNodeExpand(node) {
// 判断当前节点是否是第二级节点
if (node.level === 1) {
// 将节点展开
this.$refs.tree.store.setExpanded(node.data.id, true)
}
}
}
}
</script>
```
在这个示例中,通过 `default-expand-all` 属性将所有节点默认不展开,然后在 `node-expand` 事件中判断当前节点是否是第二级节点,如果是则将节点展开。注意,为了方便操作,这里使用了 `this.$refs.tree.store.setExpanded` 方法来展开节点,需要给 el-tree 添加 `ref` 属性。
阅读全文