el-tree可以直接用setCurrentKey设置默认展开吗
时间: 2024-05-07 15:18:05 浏览: 70
el-tree创建结构线,并且可拖动
是的,可以通过 `el-tree` 组件的 `setCurrentKey` 方法来设置默认展开的节点。该方法可以接受一个节点的 key 值作为参数,调用后该节点及其所有父级节点都会被展开。例如:
```
<template>
<el-tree :data="data" :props="defaultProps" ref="tree"></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
{
id: 1,
label: '一级 1',
children: [
{
id: 4,
label: '二级 1-1',
children: [
{
id: 9,
label: '三级 1-1-1'
},
{
id: 10,
label: '三级 1-1-2'
}
]
}
]
}
],
defaultProps: {
children: 'children',
label: 'label'
}
};
},
mounted() {
// 设置默认展开节点为 id 为 4 的节点
this.$refs.tree.setCurrentKey(4);
}
};
</script>
```
上述代码会默认展开 id 为 4 的节点及其所有父级节点。
阅读全文