新建的vue项目默认情况下页面标题就是项目文件夹的名称，显然这是不合适的，我们可以通过router来处理vue新建项目页面没有标题的情况。
1、路由设置meta，meta中设置title
{
path: '/',
name: 'home',
component: Home,
meta: {
// 页面标题title
title: '标题'
}
}
2、路由前置守卫设置
mian.js中设置前置路由守卫。
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
通过上面两步就可以完成vue页面设置操作。
相关文章
精彩导读
热门资讯
联系博主