Vue项目使用 Ant Design Vue 的面包屑组件，同一个页面展示不同的 title

问题描述

使用 面包屑组件 配合 路由 展示不同的 title ，这样可以达到比较好的操作体验 ，但有的时候我们需要使用同一个页面展示不同的  title ，（需求大概是：根据页面路由中的参数响应不同的内容，但它们是共同使用同一个页面，所以要切换展示 title ）

踩坑

一开始我想通过使用 sessionStorage + 三元表达式 实现切换 title（如下），测试之后发现需要刷新页面才会生效

 meta: { title: sessionStorage.getItem('delflag') == '2' ? '已上传' : '已删除', }

实现

路由模块中 title 设置为空

meta: { title: '', }

需要实现的页面 通过   this.$route.meta.title = 'xxxx'  更改 title

 我的代码中是根据 路由参数来判断 ，这个大家根据自己的需求更改代码

  mounted() {
    if( this.$route.query.delflag == 1){
      this.$route.meta.title = '已删除视频'
    }else{
      this.$route.meta.title = '视频上传数'
    }
  }, 

---

文章如有错误，恳请大家提出问题，本人不胜感激 。 不懂的地方可以评论，我都会 一 一 回复

文章对大家有帮助的话，希望大家能动手点赞鼓励，大家未来一起努力     长路漫漫，道阻且长