1. 每个页面设置相同标题
index.html
直接修改title标签里面的标题
(ps: 这个html文件中也可以引入一些js文件)
2. 每个页面设置不同标题
router - index.js文章来源:https://www.toymoban.com/news/detail-611622.html
const router = new Router({
mode: 'history',
routes: [
{
path: '/index',
name: 'index',
component: Index,
meta:{
// 页面标题title
title: '首页'
}
},
{
path: '/content',
name: 'content',
component: Content,
meta:{
title: '内容'
}
}
]
})
export default router
main.js文章来源地址https://www.toymoban.com/news/detail-611622.html
import router from './router'
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
到了这里,关于vue设置页面标题title的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!