vue路由切换页面修改页面title

2020-05-25  本文已影响0人  4ANH
new VueRouter({
  ...
  routes: [
    {
      path: '/',
      name: 'login',
      meta: { title: '登录' },
      component: Login
    }
  ]
})

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

上一篇 下一篇

猜你喜欢

热点阅读