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