4.动态展示左侧菜单

1.找到左侧菜单栏的代码（src\layout\components\Sidebar\index.vue）

默认左侧菜单是从路由表获取的，现在我们不用默认的路由表数据，而是从后台返回的数据中获取路由信息，这边需要自己获取后台返回的数据保存到vuex状态管理中，然后修改对应代码， 第一从vuex状态管理中获取菜单数据， 第二传递给子组件， 第三把默认的从路由表获取数据的代码注释 具体的属性名看后台返回的名字

后端接口调用数据，从vuex状态管理中获取菜单数据，传递给子组件，吧默认的从路由表获取数据的代码注释，具体的属性名看后台返回的名字### 1、修改侧边栏组件

为侧边栏组件，2、滚动条样式 在上一步我们已经使用了滚动条样式，

接下来我们将 定义滚动条样式

在 src / assets / styles / sidebar.scss 中新增滚动条样式

位置在 .sidebar-container 里边定义

.scrollbar-wrapper {
  height: 100%;
  overflow-x: hidden !important;
}

3、导入并使用组件 import { Scrollbar, Menu, Submenu, MenuItem, MenuItemGroup } from 'element-ui'

Vue.use(Scrollbar) Vue.use(Menu) Vue.use(Submenu) Vue.use(MenuItem) Vue.use(MenuItemGroup)

vue 动态菜单侧边栏

1，创建vue的左侧导航栏组件2，引用3,数据列表