vue設定ページtitle

4992 ワード

src/router/index.js
import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const router = new Router({
    routes: [{
            name: 'home',
            path: '/',
            meta: {
                title: '  '
            },
            component: Home
        },
        {
            name: 'productList',
            path: '/productList',
            meta: {
                title: '    '
            },
            component: ProductList
        },
        { /* 404          */
            name: '404',
            path: '*',
            meta: {
                title: '     '
            },
            component: NotFound
        }
    ]
});


router.beforeEach((to, from, next) => {

    /*           title */
    if (to.meta.title) {
        document.title = to.meta.title;
    }
    next();

});
export default router;