vue의 레지스터/로그인 페이지에 메뉴 표시 안 함

Question

로그인/등록 페이지에 표시하고 싶지 않은 사이드 메뉴가 있으며 거의 ​​모든 다른 페이지에 표시해야합니다. 어떻게해야합니까?

<div id="app ui container"> 
    <Menu/> 
    <router-view/> 
</div> 

Answer 1

이이 문제를 처리하기 위해 훨씬 더 나은 방법이있다, 그러나 당신은 당신의 코드를 공유되지 않기 때문에 당신은 사용할 수 있습니다 다음과 같은 내용 :

computed: { 
hide() { 
    return this.$route.path === '/login' || this.$route.path === '/register'; 
} 
} 

그

Answer 2

showMenu() { 
    return this.$route.name !== 'login' && this.$route.name !== 'register'; 
} 

같은 계산 된 속성을 생성에 v-if="showMenu"를 추가하려면 <Menu/>

Answer 3

1. 당신은 다른 모든 페이지에 로그인에 대한 별도의 페이지와 별도의 폴더를 만들어야합니다도 훨씬 덜 권장

   <Menu v-if='this.$route.path !== "login" || this.$route.path !== "/register"'/> 
   

   하지만 : 당신은 여전히 ​​요소 자체에 숨기기/표시를 사용할 수 있습니다 .

2. 로그인 페이지에서 사용자 인증을위한 로직을 제공하고 로그인이 성공할 때마다 사용자 세션을 만들어 사용자 계정 홈 페이지로 이동합니다.