vue 页面设置title
Posted mengfangui
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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()
})
以上是关于vue 页面设置title的主要内容,如果未能解决你的问题,请参考以下文章