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 值了。