인프런 커뮤니티 질문&답변
작성한 질문수
강의 잘 듣고 있습니다. 프로젝트 진행중 답답한 상황이 생겨 질문드립니다.
작성
·
118
1
강의와 관련없는 질문이라 조심스럽게 남겨 봅니다.
Main.vue
- Home.vue
- PrpSearch.vue
구조인데 Main.vue에
<top-menu />
<router-view />
두가지가 구성되어 있는데
Home.vue로 라우팅할시 top-menu는 노출하지 않고
PrpSearch.vue로 라우팅시 top-menu가 노출되는 형태가 되어야 하는데
간단한듯한데 쉽지 않네요.
routes 구성은
{
path: "/",
component: () => import("@views/Main.vue"),
children : [
{
path: '/',
name:'Home' ,
component: () => import("@views/home/Home.vue")
},
{
path: '/rnd/prp-search',
name:'PrpSearch' ,
component: () => import("@views/rnd/PrpSearch.vue")
},
]
},
입니다.
감사합니다.
답변 1
0
캡틴판교
지식공유자
안녕하세요 한식님, 페이지 URL에 따라 컴포넌트를 숨김 / 표시 처리하시려면 $route 객체에서 제공되는 속성을 활용해보시면 좋을 것 같습니다 :) 예를 들면, this.$route.name !== '기준' 이런게 있겠네요 ㅎㅎ
강의 수강해 주셔서 감사합니다 :)