美文网首页
vue-cli 动态设置router.js配置里边meta下的t

vue-cli 动态设置router.js配置里边meta下的t

作者: 郝艳峰Vip | 来源:发表于2018-12-24 17:03 被阅读0次

    前沿

    最近在项目中有一个这样的需求就是跳到详情页需要动态的名字,但是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,目前小编还未想出来怎么解决,希望多多指教。

    相关文章

      网友评论

          本文标题:vue-cli 动态设置router.js配置里边meta下的t

          本文链接:https://www.haomeiwen.com/subject/ukbzkqtx.html