[Vue] 각각의 모달창 생성하기

유지나·2023년 5월 4일
0

Vue

목록 보기
2/6

동적인 UI 만들기
1. 상태 데이터 생성하기

data(){
	return {
    	모달창열림: false,
        누른거: 0,
    }
}

2.사용자의 선택에 따라 바꾸어 보여줌

<div v-for="(room, i) in rooms" :key="i">
      <img :src="room.image" class="room-img" />
      <h4 @click="모달창열렸니=true;  누른거=i">{{room.title }}</h4>
      <p>{{ rooms[i].price }}원</p>
    </div>

profile
지르나르

0개의 댓글