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

发布时间 2023-07-24 13:48:49作者: imcrony

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

  按照以上方法修改就可以设置为展开模式