继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

vue路由跳转如何改变title的值

慕粉0202
关注TA
已关注
手记 9
粉丝 9
获赞 81

在index.js页面中设置路由跳转中加上meta,然后利用vue的beforeEach遍历设置每个页面的title
亲测有效

const router=new Router({
  routes: [
    {
      path: '/',
      name: 'goods',
      component: goods,
      meta: {
        title: '首页入口'
      }
    },{
        path:'/ratings',
        name:'ratings',
        component:ratings,
        meta: {
        title: '评论'
      }
    },{
        path:'/seller',
        name:'seller',
        component:seller,
        meta: {
        title: '售卖'
      }
    }
  ]
})

router.beforeEach((to,form,next) =>{
    /*路由变化修改title*/
    if(to.meta.title){
        document.title=to.meta.title
    }
    next();
})
export default router
打开App,阅读手记
5人推荐
发表评论
随时随地看视频慕课网APP