让elementui的分级菜单默认全部展开
要让 Element UI 的分级菜单(el-tree)默认全部展开,你可以使用 default-expand-all
属性。将该属性设置为 true
,即可实现默认全部展开的效果。
以下是代码示例。
<el-tree :data="zccd" :props="defaultProps" @node-click="handleNodeClick" default-expand-all> <template #default="{ node }"> <div class="custom-node"> <i v-if="node.level === 1" class="el-icon-folder-opened"></i> <i v-else class="el-icon-folder"></i> <span>{{ node.label }}</span> </div> </template> </el-tree>
按照以上方法修改就可以设置为展开模式