공부/FrontEnd
Vue Router 특정 Component 비활성화 하기
프로젝트를 진행하던 중 특정 페이지에서 헤더, 풋터를 비활성화해주기 위해 알아본 내용을 정리하고자 한다. 사용법은 심플하다. v-if= "$route.name !== '라우터명'" 해당 코드만 잘 활용하면 된다. Ex) 위와 같이 심플하게 사용하면 되며, 주의할 점은 router이 아닌 route다. r이 빠져야 하는데 습관처럼 router을 붙여서 적용이 안돼 시간을 소요하였다 ㅠ 라우터 명의 경우 실제 router 파일에 선언한 name을 그대로 사용하면 된다. 당시 구글링 중 아래와 같은 내용을 확인했으며 name 뿐만 아니라 path로도 적용 가능하지 않을까라고 생각해본다.
2022. 4. 17.
