根据路由记录动态生成面包屑内容【Vue小技巧】

作者: 前端小野2分类: 野生技能协会 发布时间: 2021-05-03 09:00:18 浏览:17215 次

根据路由记录动态生成面包屑内容【Vue小技巧】

调库侠本侠:
下一步是路由表动态生成侧边菜单了吗[滑稽]

【回复】回复 @哈默聊前端 :附议[妙啊]
【回复】回复 @哈默聊前端 :坐等侧边菜单[打call]
全栈Boor:
这种做法的场景有限,做后台管理的菜单不同层级也要显示对应的面包屑但是它们的路由是同级的

【回复】你描述的这种怎样实现呢
我是你家亲戚:
如果我想第二级和第三级的时候,路由视图只显示活动管理或者活动列表,首页的内容就不需要显示了呢?

【回复】有解决办法么 我也遇到这个问题了 大佬 求[doge]
【回复】视频里这写法好像没经过实践一样,可以在路由的meta里面,弄个面包屑数组,专门存路径路由的name。面包屑组件用 router.resolve({ name: 'routeName' }).meta 获取相关数据即可
陌年微凉QA:
可以更新下elementUI中的关于作用域插槽的使用嘛

男子高中生の日常:
希望up能在讲解和写代码时把项目目录展开,方便查看。很实用的案例

【回复】收到~需要源码可以添加wx:xiaoyesensenwx~
惹我抱:
讲js基础的up主太多了,,,希望博主多更新element ui 内容 真的很实用!!! [支持]

Wifi是密码多少:
你这种方法只是把所有父级的路由拿过来了,实际开发不是这样的面包屑导航,比如活动管理和商品管理是平级关系,我点击活动列表,面包屑只显示活动列表不需要显示父级,在点击商品管理下的订单列表,面包屑变成了首页/活动列表/订单列表,这样才符合。但是route.m 的方法是拿不到中间的活动列表的路由的,只能返回首页和订单列表2项数据。

【回复】@前端小野森森-2 这个问题怎么解决呢
【回复】+1,我现在就遇到这个问题了
【回复】回复 @FeiMao110 : 不好意思,一直没有登陆小p站,刚看到消息,我是跳转之前在路由守卫的位置存到了缓存里,如果是已经存在的去重,面包屑做成了组件,从缓存里取。希望对你有帮助,
彩萝点点:
请问这个Breadcrumb这个组件哪里引入啊??

幽默的大锤:
Up我有一个问题就是,改变那个match,能不能实现关闭其中一个路由

半糖人类:
有个问题希望大神指点,这里的元数据title可以做国际化么,具体应该怎么实现?

知识分享官 编程 经验分享 WEB JAVASCRIPT 前端 JS VUE WEB前端 打卡挑战

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!