老师，能针对左侧菜单在细分析一下吗？

Question

目前，对于框架源码左侧菜单无从下手，麻烦老师给予帮助

Answer 1

提问者 xiaomitao 2019-12-18 07:08:35

老师，我主要是根据你的源码不知道如何通过调取后台接口实现左侧菜单，我看教程左侧菜单是在路由中写死的

Answer 2

Sam 2019-12-17 22:39:38

你好，可以参考下课程的官网，里面对原理部分有详细的解读哦，地址：https://www.youbaobao.xyz/admin-docs/guide/extra/sidebar.html，这篇文章讲得非常细，下面我再梳理一下左侧菜单栏的一些技术难点，它到底难在哪里：

1、需要熟悉 element-ui 中的 el-menu 和 el-submenu，左侧菜单组件源码位于：/layout/components/Sidebar/index.vue，该组件关键实现就是 el-menu 和 el-submenu，所以要掌握 Sidebar 组件开发，首先要先学 el-menu 和 el-submenu 哦

2、sidebar-item 的展示逻辑比较复杂，由于 vue-element-admin 框架采用了循环嵌套组件这一非常让人难以理解的实现方式，所以使得 sidebar-item 组件的实现逻辑变得非常难以理解，虽然这样可以省一些代码量，但是大大加大了组件的维护难度，事实上，并不推荐大家这样去设计组件，相反，我们应该可以根据自己的场景，简化 sidebar-item 的逻辑，如果你的项目中需要用到左侧菜单栏，建议重新设计这个组件，简化一下实现逻辑

如果你能把 el-menu 和 sidebar-item 这两个组件啃下来，那么左侧菜单栏就什么问题了