让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 > |
按照以上方法修改就可以设置为展开模式
标签:
Element
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)