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

2020-07-31 16:31:36 浏览数 (1)

在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: '修改图书信息'
    }
  }

0 人点赞