博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue路由跳转时更改页面title
阅读量:5216 次
发布时间:2019-06-14

本文共 585 字,大约阅读时间需要 1 分钟。

一、router文件夹下的index文件中给每个path添加meta:{}:

export default new Router({
routes: [
{
path: '/',
name: 'index',
component: index,
meta: {
title: 'title1'
}
},
{
path: '/studentInfo',
name: 'studentInfo',
component: studentInfo,
meta: {
title: 'title2'
}
}   
]
})
二、js入口文件main.js中添加代码:
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
 

效果:

---------------------
作者:web_xyk
来源:CSDN
原文:https://blog.csdn.net/web_xyk/article/details/80451561
版权声明:本文为博主原创文章,转载请附上博文链接!

转载于:https://www.cnblogs.com/shaozhu520/p/11270428.html

你可能感兴趣的文章
有意思的12道C面试题及答案
查看>>
vmware workstation 14 快速安装操作系统
查看>>
快速排序(Quick sort)值得一提的三个变种算法
查看>>
获取时间字符串
查看>>
layer (jQuery弹出层插件)使用
查看>>
HDU-4751 Divide Groups 染色问题
查看>>
Lucene&Solr(索引) 暂空
查看>>
软件工程之系统建模篇【设计动态模型】
查看>>
洛谷P2831 愤怒的小鸟
查看>>
洛谷3197&bzoj1008 越狱
查看>>
MVVM
查看>>
[Aaronyang] 写给自己的WPF4.5 笔记18[几何图形*Geometry图文并茂讲解]
查看>>
nyoj284-坦克大战(搜索 bfs)
查看>>
oracle 忘记用户名
查看>>
Mybatis Generator insert useGeneratedKeys keyProperty
查看>>
python 全栈开发,Day18(对象之间的交互,类命名空间与对象,实例的命名空间,类的组合用法)...
查看>>
vlc 控件属性和方法
查看>>
web 版processing显示图片
查看>>
while counter<10:
查看>>
wkhtmltopdf乱码解决方案
查看>>