想实现这样的，由于我这下面还有下一级下下一级，没截出来。愁不知道怎么做
vue+elementui 侧边多级导航菜单与顶部面包屑联动用什么方式实现，可以提供一下思路吗？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
OurQueen 2022-01-26 17:45关注一般面包屑的数据源通过state状态管理，菜单点击的时候update state，面包屑也会同步更新
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2024-07-28 21:03
vue3+layui - 详细实现“无限级导航菜单+选项卡路由+面包屑“功能，vue3使用layui菜单实现后台管理系统动态菜单及面包屑tag导航栏效果，侧边动态导航栏多级嵌套菜单，后端接口获取渲染！饭桶兔子的博客 vue3，layui，菜单路由导航，路由，router，后台管理系统，layui实现导航菜单，嵌套，多级，children，面包屑，tag路由标签，路由数据从后端服务器api接口获取并显示，自动根据路由匹配标题，lay-menu，vue3-layui... - 2022-10-25 03:41云鹏宝宝的博客 同样的道理，我想很久才明白类似的道理，既然这边会放，这二级导航也应该要放啊，路由里面配了子路由，那一样的导航不是一样的道理么，所以，在system.vue中，内容是和App.vue中应该是一样的，所以：在system.vue中...
- 2022-11-17 22:51BUG小太阳的博客 管理平台的侧边栏+面包屑功能的实现和封装
- 2025-01-10 15:44Jiaberrr的博客 在 Vue3 的项目开发，尤其是后台管理系统这类复杂应用场景中，侧边菜单扮演着举足轻重的角色，它是用户快速导航至各个功能模块的得力助手。而根据路由动态生成侧边菜单，则为系统的灵活性和可扩展性增添了强大动力。...
- 2023-08-13 21:11小刘学前端的博客 关闭其他 全部关闭 useTabList.js文件 import { ref } from 'vue' import { useRoute, onBeforeRouteUpdate } from 'vue-router'; import { useCookies } from '@vueuse/integrations/useCookies' import { router }...
- 2019-08-18 21:19xiaoxiao无脸男的博客 上图是Vue Admin Template的整体效果图，分析：左侧侧边栏和头部面包屑是一个公用模块，左侧使用的是layout组件，我们也是从最简单的开始着手，第一步，是完善侧边栏layout 第一阶段：搭建项目。 项目使用的是...
- 2025-09-23 06:24XU美伢的博客 通过HTML、CSS和JavaScript的结合，菜单（Menu）实现导航与操作入口，列表（List）则高效展示数据内容。二者常以“抽屉式导航”等形式在响应式设计中协同工作，兼顾美观与可用性。本文深入探讨菜单与列表的结构搭建...
- 2021-11-02 18:26- **带下拉菜单的面包屑**: 面包屑中的某一项可以包含下拉菜单，提供更多导航选项。 - **API**: 提供了面包屑组件的API文档。 **3.3 Dropdown 下拉菜单** - **基本**: 提供了一个下拉菜单组件，可以附加到任何元素...
- 2025-09-20 15:05不吃酸菜的小贱人的博客 行高含义80px固定高度的头部（如用户信息）1fr自动填充剩余空间的菜单区60px底部状态栏对应HTML结构：</aside>Web 字体技术的发展使得网页可以摆脱操作系统内置字体的束缚，实现跨平台一致的品牌字体展示。...
- 2025-09-16 21:26别蹭我的Wifi的博客 文件列表查看是操作系统和各类应用中最为基础且高频使用的功能之一。它不仅影响用户的文件浏览效率，也直接关系到整体交互体验的设计质量。从普通用户查找文档、图片，到开发人员管理项目资源，文件列表的呈现方式和...
- 没有解决我的问题, 去提问
问题事件
已采纳回答
2月17日-
创建了问题
1月24日