Vue.js/실습

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

Angry Stock 2022. 12. 24. 12:27
반응형

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

 

반응형