v-if 대신 :show
240
작성한 질문수 25
영상 내용과 코드는 똑같은데,
modal 창이 계속 뜨지 않았습니다.
v-if="showModal" 대신
v-show="showModal"로 해보아도 안 됐다가,
:show="showModal"로 해보니까 정상적으로 modal이 나타났다 사라지는 기능이 작동했습니다.
위와 같은 상황은 왜 그런 걸까요?
답변 1
0
안녕하세요, v-if와 v-show가 지정된 뷰 데이터에 따라 화면에서 표시/미표시가 됩니다. :show는 props 속성으로 밖에 사용되지 않을 것 같은데 코드를 몰라서 정확한 답변이 어려울 것 같아요!
1
해결했습니다!
vue.js 공식 사이트에서 코드를 복사해와서 Modal.vue 파일을 제대로 파악하지 않고 있었는데,
Modal.vue 측에서 자체적으로
v-if="show"라는 문장이 있었고, 부모 컴포넌트로부터 prop으로 show를 받아오는 방식이었습니다.
그래서 부모 컴포넌트 측에서 Modal에 :show="showModal"이라고 선언하여야 Modal의 팝업 여부를 컨트롤할 수 있었던 것 같습니다!
Chrome 개발자 모드 확장이 안됨
0
301
1
깃 권한 요청드립니다
0
127
1
vue.js 중급 리포지토리 권한 관련
0
129
1
vuex + axios 질문 있습니다!
1
209
2
깃 권한 요청드립니다!
0
168
1
강의 깃주소 문의
0
151
1
router-view에 props를 어떻게 넘길 수 있나요?
1
292
2
Vue가 인식되지 않는 현상
0
213
1
기초강좌는 어디있나요?
1
200
2
App.vue가 필요한 이유
0
199
1
getter가 정의되어 있지 않아 오류가 발생합니다.
1
264
1
뷰 라이프사이클
1
194
1
TSLint 말고 TSLint Vue 설치해도 되나요?
1
379
3
로컬 스토리지는 어디에 있나요?
1
290
1
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
1
403
2
export default 관련한 질문
0
369
2
깃허브 vue-todo 접근불가에 따른 확인요청
1
363
2
깃허브에 문제있는것 같습니다.
1
283
2
인프런 강의 재생 화면 구성 변경 문의드립니다
1
314
2
addTodo Helper 함수 적용
1
252
1
vuex 헬퍼 전역 설정
1
254
2
github 권한요청드립니다.
1
262
2
이벤트 위치에 대한 궁금증 입니다.
1
229
2
구조 차이에 대한 문의
1
351
2