<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) } ] },
记得把数组赋值
this.navData=this.$router.options.routes
路由数据结构为: