@click 혹은 v-on:click 으로 만들었는데 모달창 닫기 버튼 과 매물눌렀을때 작동이 안합니다. 뭐가 잘못된 것일까요 ...
<template>
<div class="black-bg" v-if="모달창상태 == false"> <!--v-if => 조건식이 참일때만 HTML을 보여준다 -->
<div class="white-bg">
<h4>상세페이지</h4>
<p>상세페이지내용임</p>
<button @click="모달창상태 = false">닫기</button> 이부분 작동x
</div>
</div>
<div class="menu">
<a v-for="(a,i) in 메뉴들" :key="i">{{ a }}</a> <!--Home을 3번 반복한다-->
</div>
<div>
<img src="./assets/room0.jpg">
<h4 @click="모달창상태 = false">{{products[0]}}</h4> 이부분 작동x
<p>2 만원 </p>
<button @click="신고수[0]++">신고</button>
<span>신고 수 : {{신고수[0]}}</span>
</div>
<div>
<img src="./assets/room1.jpg">
<h4 @click="모달창상태 = false">{{products[1]}}</h4>
<!-- <h4>{{products[1]}}</h4> -->
<p>2 만원 </p>
<button @click="신고수[1]++">신고</button>
<span>신고 수 : {{신고수[1]}}</span>
</div>
<div>
<img src="./assets/room2.jpg">
<h4 @click="모달창상태 = false">{{products[2]}}</h4>
<!-- <h4>{{products[2]}}</h4> -->
<p>3 만원 </p>
<button @click="신고수[2]++">신고</button>
<span>신고 수 : {{신고수[2]}}</span>
</div>
</template>
