为了账号安全,请及时绑定邮箱和手机立即绑定

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

标签:
Vue.js

在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
点击查看更多内容
5人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
9
获赞与收藏
81

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消