인프런 커뮤니티 질문&답변

Grrr님의 프로필 이미지
Grrr

작성한 질문수

Vue3 완벽 마스터: 기초부터 실전까지 - "실전편"

Vue Router 학습 : 게시판 UI 만들기

App.vue 구성 질문드립니다.

작성

·

250

0

App.vue 에서 전체적인 레이아웃을 잡고,

RouterView 에서 변경될 컨텐츠 영역으로 route를 하고 있는데요.

 

상단메뉴없이 전체 페이지에 로그인 폼만 있을 경우 처리는 어떻게 하나요? 

 

v-if 로 걸러주는 방법밖에 생각이 안나는데 다른 방법이 있는지요?

답변 1

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요 :)

다음 시간에 배울 [중첩 라우트]를 사용하시면 됩니다.

예를 들면

// router/index.js
{
    path: '/',
    component: ALayoutComponent,
    children: [
      {
        path: '',
        name: 'Home',
        component: HomeView
      },
      // ...
   ]
   path: '/auth',
    component: BLayoutComponent,
    children: [
      {
        path: 'login',
        name: 'Login',
        component: LoginView
      },
      // ...
   ]
}
// App.vue
<template>
    <router-view />
</template>

 

아래 제 깃헙에 참고할 만한 소스코드 공유드립니다. (Vue2 기반이지만 질문에 대한 도움은 될것 같아요)

깃헙소스

감사합니다 🙂

Grrr님의 프로필 이미지
Grrr
질문자

와!!!! 됩니다!!! 

완전 고맙습니다!

Grrr님의 프로필 이미지
Grrr

작성한 질문수

질문하기