vue设置单独页面titile

首先，需要在 router.js 路由表找到想要设置路由对象，比如：

{
    path: "/index",
    name: "index",
    meta: {
        title: "自定义标题"
    },
    component: resolve => require(["@/components/index"], resolve)
 }

然后，在 main.js里面添加以下代码即可：

import router from './router'

// 路由发生变化修改页面title
router.beforeEach ((to,from,next) => {
    if (to.meta.title) {
    document.title = to.meta.title
}
next()
})
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容