前沿

最近在项目中有一个这样的需求就是跳到详情页需要动态的名字，但是vue的router只能写一个title,于是乎就开始搞，终于搞出来了。 废话不多说，上代码

在要跳转的页面

  import Router from  "@/router/index.js"
        Router.beforeEach((to,from,next)=>{
            console.log(to.meta)
          document.title = to.meta.title;
            next();
        })
        this.$router.push({
          path: "/valFactorsDetails/index"
        });

路由导航守卫在要跳的那个页面改变title,这样在跳到那个页面之后就直接拿到你改变的title了，就满足了跳转到详情随意改变title的目的。

这种情况有一个bug就是，跳转后如果刷新页面的话还是从router里边的读取title,这样就不会有路由跳转前的改变的title,目前小编还未想出来怎么解决，希望多多指教。