本文主要是介绍动态修改面包屑标题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
在用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')
},这篇关于动态修改面包屑标题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
