본문 바로가기
Vue.js/실습

[vuejs] 이미지(image) 및 모달창(modal screen) v-if 사용

by Angry Stock 2022. 12. 24.
반응형

1. 이미지를 삽입하려면 src="이미지 경로"  or :scr="이미지 경로"를 사용한다.

2. 하드경로인 경우 src="이미지 경로"

3. 가져온 경로인 경우 :src="이미지 경로"

4. 모달창의 내용

5. v-if로 모달창 이지미 클릭할 경우 모달창 열기

6 닫기 버튼 클릭할 경우 모달창 닫기

7. : 은 v-bind의 약어, @은 v-on의 약어입니다

 

1. 이미지를 삽입하려면 src="이미지 경로"  or :scr="이미지 경로"를 사용한다.
2. 하드경로인 경우 src="이미지 경로"

3. 가져온 경로인 경우 :src="이미지 경로"

4. 모달창의 내용

5. v-if로 모달창 이지미 클릭할 경우 모달창 열기

6. 닫기 버튼 클릭할 경우 모달창 닫기

https://startatage30.tistory.com/8

 

[6화] oracle cloud instance(오라클 클라우드 인스턴스) 생성

1. mongodb를 설치하기전에 OCI를 생성하겠습니다. 2. mongodb는 저장되는 실시간 채팅기능인 체인지스트림(change stream)을 사용하려면 몽고디비는 레플리카셋(replica set)을 구성해야 합니다. 3. oracle cloud

startatage30.tistory.com

 

반응형

'Vue.js > 실습' 카테고리의 다른 글

[vuejs] v-model, input, select, watch  (0) 2022.12.26
[vuejs] 컴포넌트(component), Props, Custom Event  (1) 2022.12.24
[vuejs] click 이벤트  (0) 2022.12.22
[vuejs] 반복문 v-for  (0) 2022.12.22
[vuejs] 의 데이터 바인딩  (0) 2022.12.22

댓글