本文详细分析了vue-element-admin中Layout、Sidebar及其组件的实现，包括SidebarItem的逻辑判断、图标与标题的展示、动态链接生成以及activeMenu的设定。重点探讨hasOneShowingChild函数如何控制菜单展示，以及isExternal函数如何处理外部链接。同时，解释了如何自定义图标颜色，并展示了当前路由隐藏菜单的处理方式。
一、Layout组件分析
Layout文件下的index.vue是vue-element-admin架构的主要界面，界面的左侧是菜单栏（sidebar）；界面的右侧栏顶部是Navbar，下面就是主要展示内容由<app-main/>包裹的<router-view/>
二、sidebar组件分析
sidebar文件下的index.vue就是侧边栏的架构，主要是有<el-menu><el-menu/>组成；el-menu里面是通过SidebarItem来完成路由菜单。
三、Sidebar-item的组成
在Sidebar有4项比较重要的组成部分分别以下：
990
6457
1104
9610
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
