专栏首页Kirin博客vue 路由跳转时更改页面title

vue 路由跳转时更改页面title

一、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() })

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • vue修改浏览器的标题title

    实现思路很简单:就是利用路由的导购守卫beforeEach在每次页面跳转前更改对应的title

    kirin
  • axios+vue 实现api调用并展示

    kirin
  • Django 文件下载

    参考文章https://www.cnblogs.com/supery007/p/8146035.html

    kirin
  • Meta分析之网状meta原理

    网状meta分析(Network Meta-Analysis,NMA)是一个用来比较多种不同治疗方案对疾病影响的有效方法,它最大的优势在于能使用间接比较...

    生信与临床
  • 【Science重磅】自学习人工智能在预测心脏病发作上击败人类医生

    【新智元导读】Science 今日报道,科学家使用能够自学习的人工智能技术,让计算机在预测心脏病的发作上击败了人类医生。一旦投入使用,这一新的诊疗手段每年将拯救...

    新智元
  • JUC并发编程(一)多线程使用和线程池

    一个进程往往可以包含多个线程,至少包含一个! Java默认有几个线程? 2 个: mian、GC 对于Java而言:Thread、Runnable、Callab...

    HcodeBlogger
  • java | 如何让线程按顺序执行?

    本文使用了8种方法实现在多线程中让线程按顺序运行的方法,涉及到多线程中许多常用的方法,不止为了知道如何让线程按顺序运行,更是让读者对多线程的使用有更深刻的了解。...

    一个优秀的废人
  • 让线程按顺序执行 8 种方法

    本文使用了8种方法实现在多线程中让线程按顺序运行的方法,涉及到多线程中许多常用的方法,不止为了知道如何让线程按顺序运行,更是让读者对多线程的使用有更深刻的了解。...

    业余草
  • 线程顺序执行

    本文使用了8种方法实现在多线程中让线程按顺序运行的方法,涉及到多线程中许多常用的方法,不止为了知道如何让线程按顺序运行,更是让读者对多线程的使用有更深刻的了解。...

    JAVA葵花宝典
  • 让线程按顺序执行8种方法

    1.早上;2.测试人员、产品经理、开发人员陆续的来公司上班;3.产品经理规划新需求;4.开发人员开发新需求功能;5.测试人员测试新功能。

    java架构师

扫码关注云+社区

领取腾讯云代金券