第一步：router里边设置每一个页面的标头
{
path: '/',
name: 'Home',
component: Home,
meta: {
keepAlive: false, // 页面缓存字段
title: '首页'
}
},
{
path: '/Login',
name: 'Login',
component: Login,
meta: {
title: '登录注册'
}
},
{
path: '/BBSData',
name: 'BBSData',
component: BBSData,
meta: {
title: '论坛资料'
}
},
第二步在main.js里边添加下边的代码
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面meta */
if (to.meta.content) {
let head = document.getElementsByTagName('head')
let meta = document.createElement('meta')
meta.content = to.meta.content
head[0].appendChild(meta)
}
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})