vue 页面设置title

1、路由设置meta，meta中设置title

{ path: '/', name: 'home', component: Home, meta: { // 页面标题title
      title: '标题' } }

 

2、路由前置守卫设置

mian.js中设置前置路由守卫。

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