vue路由跳轉更改頁面title

1.在路由數組設置里加meta對象

const routes = [
    { path: '/workReport',
      component: WorkReport,
      meta: {
          title: '往期日報'
      }
    }
]

const router = new VueRouter({
    routes
})

2.做如下配置

router.beforeEach((to, from, next) => {
    /* 路由發生變化修改頁面title */
    if (to.meta.title) {
        document.title = to.meta.title
    }
    next()
})