Login과 Register 메뉴 관련 (v-for과 v-if)
259
投稿した質問数 2
안녕하세요. " 레이아웃 만들기" 강의에서 질문이 있습니다.
11:00분 쯤부터, 사이드메뉴에서 Login과 Register를 vue의 "v-if"를 통해 안보이게 하는 내용을 진행하다가
아래 이미지와 같이 flex 구조상 남아 있는 것을 확인했습니다.
브라우저상에 표기되는 코드는 아래 이미지와 같았습니다.
제 생각엔 v-if로 메뉴를 표기하는 div 태그를 출력하는 것은 막았으나 route-link 태그 자체는 출력되었기에 그런걸로 보입니다.
<router-link
:to="route.path"
class="py-2 px-5 rounded-full hover:text-primary hover:bg-lighter"
v-for="route in routes" :key="route"
>
<div v-if="route.meta.isMenu">
<i :class="route.icon"></i>
<span class="ml-5 text-lg hidden xl:inline-block cursor-pointer">{{ route.title }}</span>
</div>
</router-link>이 문제를 해결하기 위해 어떻게 접근해야될까요? 혹은 v-for과 v-if를 같이 쓴다면 해결될 것 같은데 방법은 없을까요?
回答 1
0
이번 클론코딩 강의는 제가 완성본을 만들어 놓고, 보면서 타이핑하는 강의가 아니라서
쭉 강의따라가시다가 보면 제가 수정하는 부분이 꽤 있습니다.
완강이후에도 궁금한 사항이 있으면 남겨주세요. 바로 답변 드리겠습니다.
배포 후 로그인 불가 현상
0
292
1
쪽지에서 메세지를 쓰면 상대방에게 즉시 나타나게 하려면 어떻게 해야 할까요?
0
300
1
permission denied firebase 에러
2
2186
1
fontawesome이 6으로 업데이트되면서 5와 같이 cdn키를 발급하지 않습니다. 6의 kit을 사용해봤는데요. 동작하지 않아서요. 대체제가 있을까요?
0
364
1
tailwind css with vue3 and vite 설치 후 에러 문의
0
819
0
record.meta.requireAuth에서 requireAuth를 인식을 못해요ㅠ
0
299
0
Vue 2로도 개발할 수 있나요??
0
313
1
트윗페이지의 코멘트 관련하여 질문드립니다.
0
215
0
트윗 분기 처리 강의 내용 중 delete에 관한 문의입니다.
0
200
0
firebase tools의 버전이 궁금합니다
0
329
1
npm run dev 오류
0
311
0
firebase 버전에 따른 import 문제 질문드립니다
0
513
4
코멘트가 모든 트윗에 보입니다.
0
320
1
n.indexOf is not a function 에러..
0
630
2
unresolved variable이라고 나옵니다.
0
2847
1
파이어 베이스 연동시 에러가 납니다. ㅠㅠ
1
978
2
진짜 간절합니다 도와주세요
0
217
0
도와주세요 ㅠㅠ
0
238
1
computed 질문이 있습니다.
0
275
1
git clone 후 npm run dev 시, 나타나는 에러
0
590
2
router v-if문 관련문의입니다.
0
302
1
image ref의 속성이 data들과 어떻게 바인딩이 되는건지..잘 모르겠습니다.
0
424
1
onBeforeMount에 onSnapshot을 사용하는거에 대한 질문 드립니다.
0
228
1
components와 pages 디렉토리
0
293
1