通过路由导航守卫设置,使用Vue-Router的beforeEach拦截
![](https://i-blog.csdnimg.cn/blog_migrate/bb135601aedcf04dacb28ee26ec36033.png)
/* 第二步:在路由守卫router.beforeEach中设置如下代码 */
router.beforeEach((to: any) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title;
}
});
然后在路由层添加meta.title的值为标题。
![](https://i-blog.csdnimg.cn/blog_migrate/65d1f39852451be560905a083eaf936a.png)
然后访问改页面就会标签变为欢迎页
![](https://i-blog.csdnimg.cn/blog_migrate/3e834de9c3d46b9caa9f83585285123a.png)
通过路由导航守卫设置,使用Vue-Router的beforeEach拦截
/* 第二步:在路由守卫router.beforeEach中设置如下代码 */
router.beforeEach((to: any) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title;
}
});
然后在路由层添加meta.title的值为标题。
然后访问改页面就会标签变为欢迎页