修改 Vue.js 应用中的网页标题

发表于 更新于 分类于 文章标准 暂无

配置路由属性

可以简单地在路由中设置 meta 属性。

例如在 src/router/index.js 中

1
2
3
4
5
6
7
8
routes: [
    {
        path: '...',
        name: '...',
        meta: { title: '...' },
        component: () => import('...')
    }
]

使用路由钩子

利用路由的 beforeEach 方法修改网站标题。

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