24-动态设置浏览器tab标题(afterEach后置路由守卫的运用)/路由传参8种方式

新增和编辑页面,这个两个入口

 两个页面用的一个组件,在组件内部通过$route.query.xxx去进行渲染逻辑的判断:

页面中我们想达到的效果:新增:

编辑:

 

 很显然,我们都知道只需要设置其meta标签即可。于是乎,我就在路由表中:

 但是这样的话,面包屑的显示逻辑是没问题的,新增就显示新增, 编辑就显示编辑。但是浏览器的tab的标题就对不齐(页面中的标题组件中通过路由query参数就可以完成)。

解决办法:

props 配置来解偶组件中使用$route.xxx

 路由传参的八种方式

posted @ 2022-02-28 14:48  猎奇游渔  阅读(139)  评论(0编辑  收藏  举报