iview 结合左侧导航实现breadcrumb面包屑案例

红红521 2018-08-03 02:48:16

点击左边导航实现面包屑的案例，求案例

...全文

406 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文介绍了一种在Vue项目中手动配置面包屑导航的方法，通过在index.js中定义每个页面的名称和路由，利用Breadcrumb组件和计算属性实现面包屑导航的动态显示。

本文介绍了如何在Vue.js项目中结合iView框架实现面包屑导航功能，包括配置路由、封装Breadcrumb组件以及在详情页面调用组件进行展示的步骤。

本文介绍了如何利用iView的Menu、Tabs和Breadcrumb组件打造专业级导航体验。涵盖了菜单布局、标签页切换及面包屑路径展示等核心功能，并提供了组件协同工作的实践方案，适用于构建清晰高效的前端界面。

本文介绍了一种在单页应用中实现面包屑导航的方法，该方法不依赖于路由跳转，适用于复杂的查询场景。通过Vue和Vuex管理状态，实现了面包屑导航的动态更新和查询结果展示。

本文介绍了如何在Vue应用中处理动态路由的多级嵌套面包屑导航问题。通过利用this.$route.matched方法获取路径和名称，实现面包屑组件的动态渲染。在A列表页面和B详情页面之间跳转时，记录面包屑层级并更新状态管理中的面包屑路径。在breadcrumb.vue组件中遍历这些路径，以的形式展示面包屑导航。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章