貼代碼：想每次進一個路由的時候，改一下document.titleimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)
const router = new Router({
routes: [ //首頁
{
path: '/',
name: 'index',
component: () => import('../components/index.vue'),
meta: {
title: '首頁'
}
}, //詳情頁
{
path: '/detail',
name: 'Detail',
component: () => import('../components/Detail.vue'),
meta: {
title: '詳情頁'
}
}
]
});
router.beforeEach((to, from, next) => { if(to.meta.title) { document.title = to.meta.title;
}
});export default router去掉router.beforeEach之后，router-view就出現(xiàn)了，然后document.title沒改，加回router.beforeEach之后，router-view就消失了，然后document.title改了。
2 回答
波斯汪
TA貢獻1811條經(jīng)驗 獲得超4個贊
router.beforeEach((to, from, next) => { if(to.meta.title) {
document.title = to.meta.title;
} next(); // 記得調(diào)用 next});添加回答
舉報
0/150
提交
取消