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