个人理解:面包屑是功能导航路径的所在位置(路径)。

  如经常看到的顶部栏展示: 您所在位置:首页 > 产品管理 > 采购.......... 等

 1、在路由的js中给菜单配置路由导航,另外增加   meta:{title:'名称'},     这是为后续读取名称做准备。

 

2、在顶部栏(vue组件)中增加面包屑(element组件地址:   https://element-plus.org/zh-CN/component/breadcrumb.html  )    

   a、先定义列表
   b、获取路由属性信息
   c、监听路由变化
   d、遍历路由名称(此名称即在配置路由时的 meta对象中的名称)

 

 

 

 

 

 

 

--end--

 

 

posted on 2023-04-25 10:31  给天使看的戲  阅读(65)  评论(0编辑  收藏  举报