让elementui的分级菜单默认全部展开。

原创

用户2322735

修改于 2023-07-26 05:18:08

1.8K00

代码可运行

文章被收录于专栏：网页特效网页特效

运行总次数：0

代码可运行

要让 Element UI 的分级菜单（el-tree）默认全部展开，你可以使用 default-expand-all 属性。将该属性设置为 true，即可实现默认全部展开的效果。

原文链接：http://www.duozitu.com/wytx/178066.html

下面是你提供的代码片段，已添加了 default-expand-all 属性：

<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>