vue 页面设置title
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()
})