概述
vue-router 跳转页面的时候，修改页面的title为对应的路由
routes: [
{
// 默认的首页
path: '/',
name: 'Home',
component: Home,
meta: {
index: 0,
title: '首页'
}
},
{
// 选择城市
path: '/city',
name: 'City',
component: City,
meta: {
index: 1,
title: '选择城市'
}
}
]在main.js中获取路由的title，去替换为页面的title
添加一个导航守卫, 拦截和替换路由中配置了title名的路由
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
最后
以上就是细腻烧鹅为你收集整理的vue 跳转路由修改页面title为对应路由名字的全部内容，希望文章能够帮你解决vue 跳转路由修改页面title为对应路由名字所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复