Vue v-for 动态渲染菜单数据到页面出不来

qq_51986949 2022-09-28 19:50:54

上面都是我的代码和页面，页面菜单完全没有东西，然后下面是老师的代码和页面

我仔仔细细检查觉得代码没有什么不同啊，到底哪里出了问题，求求各位大佬

...全文

8379 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

CSDN-Ada助手 2023-01-13

打赏
举报

回复

您可以前往 CSDN问答-前端发布问题, 以便更快地解决您的疑问

需要用到中间件的方式,这样就可以实现了我们想要的方式 publish-center.vue [removed] export default { } [removed] <el-menu :default-active="$route.path" class="el-menu-vertical-demo el-menus" @open="handleopen" @close="handleclose" @select="handleselect" unique-opened

今天小编就为大家分享一篇vue.js+element-ui动态配置菜单的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

最近在用 iview-admin的Vue后台模板，从git上下载后发现左侧导航栏最多支持到二级菜单,也发现很多童鞋在问如何实现三级菜单。在实际的应用场景中还是会出现三级菜单的需求的，木有其他好办法，只能自己手动改代码了。 1. 第一步：首先改写VUE中的模板，修改sidebarMenu.vue文件，文件具体目录建下图：将Menu导航菜单组件的的二级嵌套结构改为三级嵌套，无非就是判断二级路由页面下是否有children属性及是否含有子元素，有的话直接v-for循环生成子元素标签，新结构如下：