码迷,mamicode.com
首页 > 其他好文 > 详细

vue 页面设置title

时间:2019-12-30 11:54:25      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:path   class   title   code   mic   family   设置   页面   microsoft   

1、路由设置meta,meta中设置title

{
    path: ‘/‘,
    name: ‘home‘,
    component: Home,
    meta: {
      // 页面标题title
      title: ‘标题‘
    }
  }

 

2、路由前置守卫设置

mian.js中设置前置路由守卫。

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

 

vue 页面设置title

标签:path   class   title   code   mic   family   设置   页面   microsoft   

原文地址:https://www.cnblogs.com/mengfangui/p/12118449.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!