导航之面包屑的使用配置

个人理解：面包屑是功能导航路径的所在位置（路径）。

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

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

 

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

   a、先定义列表

   b、获取路由属性信息

   c、监听路由变化

   d、遍历路由名称（此名称即在配置路由时的 meta对象中的名称）

 

 

 

 

 

 

 

--end--