路由配置頁router/index.js
routes: [
{ /* (首頁)預設路由位址 */
path: '/',
name: 'Entrance',
component: Entrance,
meta: {
title: '首頁入口'
}
},
{ /* 修改昵稱 */
path: '/modifyName/:nickName',
name: 'modifyName',
component: modifyName,
meta: {
title: '修改昵稱'
}
},
{ /* 商品詳情 */
path: '/goodsDetail',
name: 'goodsDetail',
component: goodsDetail,
meta: {
title: '商品詳情'
}
},
{ /* Not Found 路由,必須是最後一個路由 */
path: '*',
component: NotFound,
meta: {
title: '找不到頁面'
}
}
]
在每一個meta裡面設定頁面的title名字,最後在周遊。main.js
import router from './router'
router.beforeEach((to, from, next) => {
/* 路由發生變化修改頁面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})