首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Vue-router设置每个页面的标题title

Vue-router设置每个页面的标题title

作者头像
乐心湖
发布2020-07-31 16:31:36
发布2020-07-31 16:31:36
1.8K0
举报
文章被收录于专栏:MyTechnologyMyTechnology

在main.js中加入

代码语言:javascript
复制
router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

在router/index.js中每个路由配上一个标题

代码语言:javascript
复制
meta: {
    title: '图书列表信息'
},

例如:

代码语言:javascript
复制
  {
    path: '/Book',
    component: Book,
    name: '图书信息',
    meta: {
      title: '修改图书信息'
    }
  }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档