使vue项目跟随页面切换title

30 阅读1分钟

用法

 {
    path: '/edit',
    name: 'edit',
    component: () => import('@/views/study/edit.vue'),
    meta: {
      title: 'yx文章编辑'
    }
  }
  
router.beforeEach((to, from, next) => {
  // to 将要访问的路径
  // from 代表从哪个路径跳转而来
  // next 是一个函数,表示放行
  // next()放行,next(‘/login’)强制跳转到登陆页
      if (to.meta.title) {
        document.title = to.meta.title
      }
      next()
})