第一步: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()
})