1、首先在router/index.js中的路由规则里,给每一个路由,添加meta属性
{path: '/AllUserinfo',
meta:{
title: '个人信息',
},
component: AllUserinfo },
{path: '/roster',
meta:{
title: '花名册',
},
component: roster,
},
2、在入口文件中,写入:
// 动态添加title文本
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
// 如果当前路由有meta值
document.title = to.meta.title
} else {
// 如果没有meta值,就显示默认值
document.title = ''
}
// 最后一定不能忘了,next()
next()
});