面包屑数据处理

宁渡课堂 2023-01-13 03:33:03

课时名称	课时知识点
面包屑数据处理	面包屑数据处理

...全文

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

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

很不错的demo 里面包含树形结构和面包屑导航可以无限增加child人数量

这是一个自定义的面包屑导航，支持中间省略号动态调整。

Android 面包屑导航。.zip,android上的material design breadcrumbs导航小部件

基于vue-router的matched实现面包屑功能　　本文主要介绍了基于vue-router的matched实现面包屑功能，分享给大家，具体如下：　　如上图所示，就是常见的面包屑效果，面包屑的内容一般来说，具有一定的层级关系，就以上图为例，首先是进入首页，然后点击左侧导航，进入活动管理下的活动列表页面，然后点击某一条数据，进入活动详情页面　　这正好与vue-router的mached属性所获取的结果有着相似的原理，所以可以基于此来实现面包屑效果！　　这里我使用了elementui的面包屑组件和导航菜单组件，先贴出最后的效果图：　　路由配置　　项目结构：　　侧边导航栏是首页、电子数码

公司项目的面包屑导航是使用 element 的面包屑组件，配合一份 json 配置文件来实现的，每次写新页面都需要去写 json 配置，非常麻烦，所以写一个面包屑cli，自动生成页面、自动配置面包屑数据，提高效率:rocket: 明确目标提供 init 命令，在一个新项目中能够通过初始化生成面包屑相关文件能够通过命令生成页面，并且自动配置面包屑 json 数据按照项目原有需求，能够配置面包屑是否可点击跳转按照项目原有需求，能够配置某路径下是否展示面包屑 支持仅配置而不生成文件，能够为已存在的页面生成配置能够动态配置当前面包屑导航的数据 …… （后续在使用中

jason的课程社区_NO_1

1

社区成员

140

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章