el-tree 设置全部展开/设置默认展开某一层
warning:
这篇文章距离上次修改已过204天,其中的内容可能已经有所变动。
在Element UI的el-tree
组件中,可以通过设置:default-expanded-keys
属性来设置默认展开的节点,或者使用:default-expand-all
属性来设置默认展开所有层级。
以下是设置默认展开所有层级和展开特定层级的示例代码:
<template>
<el-tree
:data="data"
:props="defaultProps"
:default-expand-all="isExpandAll"
:default-expanded-keys="defaultExpandedKeys"
></el-tree>
</template>
<script>
export default {
data() {
return {
data: [
// 树形结构的数据
],
defaultProps: {
children: 'children',
label: 'label'
},
isExpandAll: false, // 是否默认展开所有层级,设置为true则展开所有层级
defaultExpandedKeys: [1, 2] // 设置默认展开的节点id数组
};
}
};
</script>
在这个例子中,isExpandAll
控制是否默认展开所有节点,而 defaultExpandedKeys
控制默认展开的特定节点ID列表。你可以根据实际需求设置这些值。
评论已关闭