로그인하지 않은 경우 글로벌 사이드바 제거 방법(vuetify)

로그인하지 않은 경우 글로벌 사이드바 제거 방법(vuetify)

로그인 및 등록 페이지에서 사이드바(메뉴)를 제거하고 싶다.하지만 이 사이드바는 글로벌해서 숨길 수가 없어.사이드바 파일 자체에 사용자가 쿠키처럼 연결되어 있는지 확인할 수 있는 방법이 있는가?

나는 vuex와 vuetify와 라우터를 사용하고 있다.

사실은 사용자 요청 내에 데이터가 없으면(연결되지 않음) 사이드바를 표시할 수 없기 때문에 내 사이드바가 충돌한다는 것이다.

computed: {
      ...mapGetters(['getUserData']), //It's null when not logged in

요청하기 전에 사용자가 연결되어 있는지 확인하고 싶으므로 계산 방법에서 mapGetters를 제거하고 나중에 해야 하는데, 아니오?

대답해줘서 고마워.

내가 알기로는 사용자가 로그인하지 않은 경우 일부 구성 요소, 단추 또는 링크(사용 중인 항목 중 하나)를 숨기려고 할 겁니다.

사용자가 로그인하지 않은 상태에서 숨기려면 다음을 수행하십시오.

<componentName v-if="!getUserData" />

나는 기록된 사용자와 기록되지 않은 사용자를 위해 두 개의 사이드바를 사용한다.

내 프로젝트:

// Component File (filename.vue)
<template>
    <v-navigation-drawer v-if="user">
    //...
    </v-navigation-drawer>

    <v-navigation-drawer v-if="!user">
    //...
    </v-navigation-drawer>
</template>


computed: {
        ...mapGetters(['isLoggedIn']),
        ...mapGetters(['user'])
    },

나도 배우려고 노력 중이야.내 대답이 정확하고 효과가 있었으면 좋겠어.

참조URL: https://stackoverflow.com/questions/65630496/how-to-remove-global-sidebar-when-not-logged-in-vuetify