vue跳转页面修改title

1.开发环境 vue
2.电脑系统 windows10专业版
3.在vue开发的过程中,我们在切换路由的时候希望修改页面的title,下面我来分享一下如何实现。
4.废话不多说直接上操作:

// 使用导航守卫
//在router.js中添加如下代码:
router.beforeEach((to,form,next)=>{
 document.title=to.matched[0].meta.title;
 console.log(to);
 next();
})

5.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。

你可能感兴趣的:(vue.js)