若依默认展开侧边栏菜单

torpidcat

已于 2024-06-19 12:02:34 修改

阅读量2.8k

点赞数 2

分类专栏：若依文章标签： vue.js elementui 前端

于 2022-09-30 19:01:27 首次发布

本文链接：https://blog.csdn.net/torpidcat/article/details/127127969

版权

若依专栏收录该内容

27 篇文章 11 订阅

订阅专栏

打开文件 ruoyi-ui/src/layout/components/Sidebar/index.vue

将下面代码覆盖掉原文件中的el-menu节点相关代码

参考自：http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#侧边栏如何默认展开

下面代码中，默认展开system、tool路由下的所有菜单，如果需要展开其他菜单，则需要到菜单管理中找到对应菜单的路由，添加到下面的 :default-openeds 中

<!-- 默认展开的路由，加入到default-openeds后：下面默认展开路由名为user的菜单模块 -->
<el-menu
	:default-openeds="['/user']"
	:default-active="activeMenu"
	:collapse="isCollapse"
	:background-color="settings.sideTheme === 'theme-dark' ? variables.menuBg : variables.menuLightBg"
	:text-color="settings.sideTheme === 'theme-dark' ? variables.menuText : 'rgba(0,0,0,.65)'"
	:unique-opened="false"
	:active-text-color="settings.theme"
	:collapse-transition="false"
	mode="vertical"
    >
	<sidebar-item v-for="route in sidebarRouters" :key="route.path  + index" :item="route" :base-path="route.path" />
  </el-menu>

其他示例：