请教下怎么改造左侧菜单

来源：8-11 sidebar-item 组件源码分析

又年00

2020-03-06

现在有个需求要把一级菜单放在顶部，点击顶部菜单，在左侧显示对应二级菜单，想基于这个vue-element-admin改造，没有思绪，想跟老师请教下

写回答

1回答

Sam

2020-03-07

您好，这个需求是可以实现的，我们在 vuex 中存储了 permission_routes 这个状态，您可以打印出来看下，结构大致如下：

[{
  path: '/book',
  name: 'book',
  meta: {
    title: '图书管理'
  },
  children: [{
    path: '/book/list',
    name: 'bookList',
    meta: {
      title: '图书列表'
    }
  }]
}]

permission_routes 是我们的路由表，我们第一次筛选出第一层路由中包含meta.title属性的，这些作为你的顶部菜单，当点击顶部菜单时，我们从 permission_routes 找到该菜单对应的 children，筛选出其中包含 meta.title 的菜单，显示在左侧就可以了

Vue Element+Node.js开发企业通用管理后台系统

基于Element的中后台课程，一套中小型企业通用的后台管理系统

2829 学习 · 1714 问题

查看课程

相似问题

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

回答 2

菜单模块是不是没写完？然后代码这里有错误

回答 1

菜单

回答 1

老师，如何实现前端调用后台接口实现左侧菜单

回答 1

菜单指向地址为外链时如何动态生成路由？

回答 1

打开慕课网App查看更多内容