Vue Router에서 기본 메타 속성 설정

Vue Router에서 기본 메타 속성 설정

여기서 문서를 검색했습니다만,meta의 부동산VueRouter오브젝트, 아무것도 하고 있지 않은 것 같습니다(docuementation에는 실제 속성에 대한 설명은 없습니다).

다음 루트를 고려합니다.

let routes = [
    {
        path: '/',
        component: require('./views/Home').default
    },
    {
        path: '/about',
        component: require('./views/About').default,
        meta: {
            transitionColor: '#000' // Note this property
        }
    }
];

저는 다음과 같은 것을 하고 싶습니다.

export default new VueRouter({
    mode: 'history',
    routes,
    meta: {
        transitionColor: '#fff'
    }
});

위 코드의 목적은 기본값을 설정하는 것입니다.$route.meta.transitionColor로.#fff루트가 루트 레벨메타로 제공되는 경우 루트가 이를 덮어쓸 수 있도록 합니다.

디폴트를 설정하는 방법이 있습니까?metaVue Router의 속성은 다음과 같습니다.

내가 아는 바로는 그것은 존재하지 않는다.하지만 네비게이션 가드를 사용하면 비슷한 것을 얻을 수 있습니다.

router.beforeEach((to, from, next) => {
   // manipulate route (e.g. set meta)
});

언급URL : https://stackoverflow.com/questions/57027577/set-default-meta-properties-on-vue-router