在vue-element-admin中实现默认展开路由功能

579 阅读1分钟
路径:src > layout > components > Sidebar > index
如下是相关代码:
<el-menu
    :default-openeds="defautOpen" // 这里就是默认展开路由,defautOpen一定要用变量,否则会有问题
    :default-active="activeMenu"
    :collapse="isCollapse"
    :background-color="settings.sideTheme === 'theme-dark' ? variables.menuBackground : variables.menuLightBackground"
    :text-color="settings.sideTheme === 'theme-dark' ? variables.menuColor : variables.menuLightColor"
    :unique-opened="true"
    :active-text-color="settings.theme"
    :collapse-transition="false"
    mode="vertical"><sidebar-item
                    v-for="(route, index) in sidebarRouters"
                    :key="route.path  + index"
                    :item="route"
                    :base-path="route.path"
                /></el-menu>

如下也是关键代码:
data: function() {
      return {
        defautOpen: ['/record']
      }
},

如果:default-openeds=['/record'],直接这样设置,展示的菜单会有异常,不在预期效果;