vueRouter路由如何自定义我们的页面title

zhuanbike 2022-6-16 748

网页的title也就是页面上面的标题,在浏览器标题栏目中显示的那个title标签,我们如何使用vuerouter自定义呢?

首先在routes路由数组中写入mate

routes: [
{
path: '/login',
name: 'login',
component: Login,
meta: {
title: '我是登录'
}
},
]

然后,还需要使用一个导航守卫:afterEach

// 全局后置钩子
router.afterEach(to => {
// 设置title
document.title = to.meta.title;
})


最新回复 (0)
发新帖