1、常規(guī)做法就是使用Vue-Router的beforeEach攔截，首先在routers里面增加一個(gè)meta屬性：

const router = new Router({

routers: [

{

??????????path: 'pageList',

??????????component: pageList,

??????????meta: {

????????????title: '文章管理'

??????????}

]

})

2、 然后在路由文件 index.js 中給需要的路由添加 title，如果是某個(gè)詳情頁面需要顯示當(dāng)前詳情的標(biāo)題，可以在url里面添加一個(gè)參數(shù)，設(shè)置標(biāo)題的時(shí)候從url里面獲取。

router.beforeEach((to, from, next) => {

??/* 路由發(fā)生變化修改頁面title */

??if (to.meta.title) {

????document.title = to.meta.title + ' | 開發(fā)指南'

??} else if (to.query.title) {

????document.title = decodeURIComponent(to.query.title) + ' | 開發(fā)指南'

??}

??next()

})

export default router