网页的title也就是页面上面的标题,在浏览器标题栏目中显示的那个title标签,我们如何使用vuerouter自定义呢?
首先在routes路由数组中写入mate
routes: [
{
path: '/login',
name: 'login',
component: Login,
meta: {
title: '我是登录'
}
},
]
然后,还需要使用一个导航守卫:afterEach
// 全局后置钩子
router.afterEach(to => {
// 设置title
document.title = to.meta.title;
})