关于动态变换的路由怎么确定面包屑导航

关于动态变换的路由怎么确定面包屑导航

今天写不完，先占个坑
最近在写一个项目，发现项目的侧边栏不是固定的，且层级比较深，在路由页面做不到 固定meta下面的title，但是呢，不能因为这点事情，就不写面包屑了。下面就开始吧

路由基本上构成是 xxx/:id/:sid/:tid 这个形式的，每个id 对应的name 才是我们需要放在面包屑中的路由

在 route.index.js 文件中，xxx/:id 是一个文件，xxx/:id/:sid 是一个文件， xxx/:id/:sid/:tid 是一个文件 这样多个使用的时候，就不会相同，这里面包屑导航就有点问题

这个时候，我们要确定的是，我们需要在什么地方去改变里面的title

前面怎么拿到面包屑的我就不写了，百度很多的，下面说一下，我们拿到面包屑 的数组list 的时候，我们判断一下

就有了下面的代码

// 下面的目标name 怎么拿到，就自己去找方法了 使用 route vuex 缓存 都可以。 
this.list.forEach((element, index) => {
   if (element.path === '/xxx/:id') {
     element.meta.title = '目标name'
   }
   if (element.path === '/xxx/:id/:sid') {
     element.meta.title = '目标name'
   }
   if (element.path === '/xxx/:id/:sid/:tid') {
     element.meta.title = '目标name'
   } 
 })

以上就能得到自己想要的了