vue 頁面設置title

1、路由設置meta，meta中設置title

{ path: '/', name: 'home', component: Home, meta: { // 頁面標題title
      title: '標題' } }

 

2、路由前置守衛設置

mian.js中設置前置路由守衛。

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