elementui的侧边栏如何与路由绑定

新手上路,请多包涵

image.png
elementui的侧边栏如何与路由绑定

阅读 1.9k
1 个回答
<el-menu ...>
    <template v-for="(item, index) in navData">
        <el-submenu :index="index + ''" :key="index">
              <template slot="title">
                <span slot="title">{{ item.name }}</span>
              </template>
              <el-menu-item
                v-for="child in item.children.filter(fil => !fil.hidden)"
                :index="child.path"
                :key="child.path"
                >{{ child.name }}
              </el-menu-item>
            </el-submenu>
    </template>
</el-menu>

记得把数组赋值
this.navData=this.$router.options.routes

路由数据结构为:

 {
    path: '/',
    code: 'AA',
    name: 'AA菜单',
    component: Home,
    hidden: false,
    children: [
      {
        path: '/list',
        name: '列表1',
        code: 'list',
        hidden: false,
        component: resolve => require(['@/views/AA/list'], resolve)
      }
    ]
  },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题