请教下怎么改造左侧菜单

Question

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

Answer 1

Sam 2020-03-07 10:38:21

您好，这个需求是可以实现的，我们在 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 的菜单，显示在左侧就可以了