大前端

前端学习之家-大前端

vue修改网页的标题

为什么使用导航守卫?![在这里插入图片描述](https://img-blog.csdnimg.cn/0005dae0e66045ba84103219f1d02dfc.png)

在这里插入图片描述
注意:如果是嵌套路由,我们可能获取不到嵌套路由的标题。这时候我们只需要修改为

// 全局前置守卫,设置页面标题
router.beforeEach((to, from, next) => {
  // to and from are both route objects. must call `next`.
  // document.title = to.meta.title;
  document.title = to.matched[0].meta.title;
  console.log(to);
  next(); //必须写
});

发表评论:

Copyright Your WebSite.Some Rights Reserved.