动态修改面包屑标题

在用vue + element ui 做后台管理系统的时候，一般会有面包屑来指示当前所处的页面，一般是拿路由信息中的meta.title作为面包屑。如果遇到编辑和新增公用公用一个页面的情况，该怎么动态的修改标题呢？可以考虑在路由守卫中判断是否有id，来动态的修改meta。但特意写个路由守卫来这样修改并不是特别好，其他人维护的时候可能不知道你这样设置，可维护性不好，另一方面，还需要显示面包屑的组件支持meta.title动态修改，比较麻烦。可以通过配置两个路由，指向同一个页面的方式，来取巧的设置。如下：

{
   path: 'save',
   name: 'teamCreate',
   meta: {
     title: '新增成员',
     hideInMenu: true
   },
   component: () => import('@/views/team/save.vue')
},
{
   path: 'save/:id',
   name: 'teamEdit',
   meta: {
     title: '编辑成员',
     hideInMenu: true
   },
   component: () => import('@/views/team/save.vue')
},