vue2修改浏览器显示title

一、配置路由器的时候添加如下项 meta

routes: [
    {
      path: '/',
      name: 'login',
      component: Login,
      meta: {
        title: '登录'
      }
    },
    {
      path: '/home',
      name: 'home',
      component: Home,
      meta: {
        title: '首页'
      }
    }
  ]

二、在main.js中写全局路由钩子

// 路由钩子
router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

这样就可以在路由跳转的时候修改响应界面的title值了。