vue動態改變每個表頭的方法


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM