MENU

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

April 12, 2020 • Read: 147 • Note,Vue

在main.js中加入

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

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

meta: {
    title: '图书列表信息'
},

例如:

  {
    path: '/Book',
    component: Book,
    name: '图书信息',
    meta: {
      title: '修改图书信息'
    }
  }

本站所有未注明转载的文章均为原创,并采用CC BY-NV-SA 4.0 授权协议,转载请注明来源。

Last Modified: June 5, 2020
Archives QR Code
QR Code for this page
Tipping QR Code
Leave a Comment