vuecli3项目怎么修改title[动态改变]

 RorinL     2021年06月26日 星期六 22:17:05     JavaScript   vue   vuecli3      vue   vuecli   vuerouter   路由    

1.router/index.js

//...
const routes = [{
        path: '/',
        redirect: '/index',
        meta: {
            title: 'index'
        }
    },
    {
        path: '/b',
        name: 'b',
        meta: {
            title: 'b'
        },
        component: b,
    },
    {
        path: '/c',
        name: 'c',
        meta: {
            title: 'c'
        },
        component: c
    }
];
//...

2.main.js

//...
//title修改
router.beforeEach((to,from,next)=>{
    if(to.meta.title){
        document.title=to.meta.title;
        next();
    }
})
//...

结束
我的个人网站


暂无评论

发表回复

您的电子邮箱地址不会被公开。

CAPTCHAis initialing...