DDR爱好者之家 Design By 杰米
element-ui 侧边栏默认要全部展开怎么做?
element-ui文档中是这么写的
default-openeds 当前打开的sub-menu的key数组
给<el-menu></el-menu>标签加上这个属性
<el-menu class="el-menu-vertical" @open="handleOpen" @close="handleClose" theme="dark" :default-openeds="openeds">
openeds需要在data里面定义一下
openeds是一个数组(当前打开的sub-menu的 key 数组)
data () { return { openeds: ['1'], uniqueOpened: false } }
openeds: ['1'],
:defaultOpeneds=['...'] 属性内容和下面的 <el-submenu index="..."> 里面的index内容是关联的,两个属性内容是一样的就可以关联了
如果你定义了3个需要展开的菜单导航
openeds: ['1','2','3'],
这样设置就好!
拓展知识:vue.js+element-ui动态配置菜单方法
如下所示:
<!--导航菜单-折叠功能--> <aside :class="collapsed"> <!--单个激活 并以 index 作为 path 进行路由跳转--> <el-menu unique-opened router v-show="!collapsed"> <!--动态路由到子组件 将不可见的路径隐藏--> <template v-for="(item,index) in $router.options.routes" v-if="!item.hidden"> <el-submenu :index="index+‘‘" v-if="!item.leaf"> <!--用el ui 的title进行solt分发菜单--> <template slot="title"><i :class="item.iconCls"></i>{{item.name}}</template> <!--item.name和item.children.name来配置菜单栏和子菜单栏的名称--> <el-menu-item v-for="child in item.children" :index="child.path" :key="child.path" v-if="!child.hidden">{{child.name}}</el-menu-item> </el-submenu> <el-menu-item v-if="item.leaf&&item.children.length>0" :index="item.children[0].path"><i :class="item.iconCls"></i>{{item.children[0].name}}</el-menu-item> </template> </el-menu>
vue项目动态配导航菜单,只要路由配置好,菜单就能实现。
以上这篇element-ui 设置菜单栏展开的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年04月20日
2024年04月20日
- 吴克群2022-银河里拥抱[何乐音乐][WAV+CUE]
- 赵传《黑暗英雄》[WAV+CUE][396M]
- 《指环王 电影三部原声碟》10CD[WAV+CUE][3G]
- 《邓丽君40周年 模拟之声慢刻CD》[WAV+CUE][420MB]
- 任贤齐.2002-一个任贤齐【滚石】【WAV+CUE】
- 龙千玉.2022-九月玫瑰【豪记】【WAV+CEU】
- 群星.1996-枕边歌·优质情歌选2CD【滚石】【WAV+CUE】
- 拉赫玛尼诺夫钢琴协奏曲No.2;朗朗SHM-SACD
- 薰妮1990-镭射大碟[香港首版][WAV+CUE]
- 薰妮1990-金曲第二辑[日本天龙虚字版][WAV+CUE]
- 阮兆祥.2019-大梦想家【星梦娱乐】【FLAC分轨】
- 张立基.1992-PASSION(国语版)【EMI百代】【WAV+CUE】
- 郑融.2011-SPRING.SUMMER【星娱乐】【WAV+CUE】
- Beyond《海阔天空Beyond精选》[WAV+CUE][470MB]
- 许惠钧《小海马说晚安 宝贝的睡眠浪潮 吉卜力哄睡钢琴》[320K/MP3][114.73MB]