<template>
<div class="black-bg" v-if= "모달창열렸니 == true">
<div class="white-bg">
<img :src="원룸들[누른거].image" style="width:100%;">
<h4>{{원룸들[누른거].title}}</h4>
<p>{{원룸들[누른거].content}}</p>
<input v-model="month">
<p> {{month}}개월 선택함 : {{원룸들[누른거].price * month}} 원</p>
<button @click="$emit('closeModal')">닫기</button>
</div>
</div>
</template>

<script>
export default{
name: 'Modal',
data(){
return{
month: 1,
}
},
props: {
원룸들: Array,
누른거: Number,
모달창열렸니: Boolean,
}
}


</script>

<style>

</style>

여기서 input value가 0일때


그 밑 <p>태그가 보여주는 가격이 원룸들[누른거].price 였으면 좋겠음 (현재는 * month 가 붙어있어서 0개월을 고르면 0이 뜬다)


이거 v-if 문으로 수정하려고 하는데 어디다가 손을 대야댈지 감이 잘 안 잡힌다


좀 알려주십쇼 ㅠ