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

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

以下是代码示例。

1
2
3
4
5
6
7
8
9
<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>

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

posted @   imcrony  阅读(1885)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
点击右上角即可分享
微信分享提示