vue-router 动态设置页面 title

[soonfy]

动态 title

1. 引入 vue-router

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

2. 配置 router

const router = new Router({
  routes: [
    {
      path: '/',
      name: name,
      component: component,
      meta: {
        title: title
      }
    }
  ]
})

3. 定义钩子，暴露出去

router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})
export default router

参考文章

使用 vue-router 设置每个页面的 title vue-router 动态设置页面 title

soonfy

[soonfy]

56 vue 设置 title