利用导航守卫beforeEach在每次页面跳转前更改对应的title
import Vue from 'vue'
import VueRouter from 'vue-router'
import Hologram from '../components/qxhx/Hologram.vue'
const routes = [
{
path: '/',
name: 'Hologram',
component: Hologram,
/*1.在route里面给每个路由加上meta属性*/
meta: {
title: '标题1'
}
}
]
const router = new VueRouter({
routes
})
//2. 导航守卫
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
export default router