fff get head style 註冊 reat ron 字段 eat

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

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