programing

루트 파라미터 vuej에 따라 컴포넌트/템플릿 로드

firstcheck 2022. 7. 9. 09:10
반응형

루트 파라미터 vuej에 따라 컴포넌트/템플릿 로드

이것을 vuejs에 실장할 수 있는지 묻고 싶습니다만, 기본적으로 코드는 paramurl에 페이지/템플릿 베이스를 로드합니다.한참을 검색했는데 필요한 결과를 얻지 못했거나 잘못된 키워드를 검색한 것 같습니다.

내 URL은 이와 같기 때문에 루트의 URL은 동적이기 때문에 수동으로 선언할 수 없습니다.데이터베이스에서 가져옵니다.

path: '/user/page_type

정말 감사합니다!

export default {
    mounted () {
        if(this.$routes.params.page_type == "home"){
            // Load Homepage Here
            // ../../../page/HomePage.vue
        }
        else if(this.$routes.params.page_type == "speaker"){
            // Load Speakerpage Here
            // ../../../page/HomePage.vue
        }
        else if(this.$routes.params.page_type == 'html'){
            // Load HTML Page Here
            // ../../../page/HtmlPage.vue
        }
    }
}

정식 애드온 내에서 바로 사용 가능vue-router.

케이스용 문서: 링크

언급URL : https://stackoverflow.com/questions/43555711/load-component-template-depending-on-the-route-param-vuejs

반응형