今天小编就为大家分享一篇vue 实现路由跳转时更改页面title，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

实现思路很简单：就是利用路由的导购守卫beforeEach在每次页面跳转前更改对应的title 1.首先在route里面给每个路由加上meta属性 2.在main.js里面加上导航守卫 router.beforeEach((to,form,next) => { window.document.title = to.meta.title == undefined?'默认标题':to.meta.title next() }) 补充知识：vue element tab标签页文本溢出时，鼠标上

一、router文件夹下的index文件中给每个path添加meta:{}： export default new Router({ routes: [ { path: '/', name: 'index', component: index, meta: { title: 'title1' } }, { path: '/studentInfo', name: 'studentInfo', component: studentInfo, met