目录

1.watch $route只有在改变当前动态路由时才会触发,进行其他路由跳转时并不会触发

2.给每个页面设置单独的title

router/index.js
1
2
3
4
5
6
7
8
9
10
11
12
export default new Router({
    routes: [
    {          
      path: '/',
      name: 'Entrance',
      component: Entrance,
      meta: {
        title: '首页入口'
      }
    }
  ]
})
main.js
1
2
3
4
5
6
7
8
9
import router from './router'

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