할수록 신기합니다..
반복문으로 버튼을 만들어 숫자 증감 테스트를 해봤는데 증가를 안하더라고요(반복문 신고버튼)
그래서 cnt값을 배열로 하지 않고 단순하게 해봤을댄 잘됩니다.(단일신고 버튼)
그러고나서 반복문 버튼을 누르니 숫자가 증가되는 기이한 현상이 나타나더라고요
문법적인 오류가 있는건지요? 아니면 제가 모르는 다른 문제가 있는건지요?
강의엔 for문 버튼 처리에 대한게 없어서 문의드립니다.
시뮬레이션은 다음과 같습니다.(링크 클릭시 gif그림)
http://naver.me/x0GzjjCs
코드내역은 아래와 같습니다.
<template>
<div>
<div v-for="(a,i) in 3" :key="i">
<h4>{{a}}원룸</h4>
<p>{{price[i]}} 만원</p>
<button @click="cnt[i] += 1">반복문 신고{{i}}</button> <span>신고수 {{cnt[i]}}</span>
</div>
<button v-on:click="cnt1 += 1">단일 신고</button> <span>신고수 {{cnt1}}</span>
</div>
</template>
<script>
export default {
data() {
return{
price : [600,700,800],
product : ['일원동','역삼동','칠곡동'],
cnt : [0,0,0],
cnt1 : 0
}
},
methods: {
}
}
</script>
