미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
vue 버블링
안녕하세요. 뷰 강의를 듣고 뷰로 프로젝트를 진행중입니다.
뷰 버블링에 관해서, 질문들 드리고 싶습니다.
이런구조인데 checkbox때문에 @change를 쓸수 밖에 없는 상황에서 checkbox를 클릭할때 버블 효과를 막을수는 없나요??? stop. prevent등.... 다 써봤는데 상위 @click이 동작합니다.
<tbody v-if="readList.length > 0"> <tr v-for="(item,index) in readList" @click.stop="openPop('detail')" style="cursor: pointer"> <td><input type="checkbox" :name="'chk_'+index" v-model="checkArr" :value="item.id" @change="checkFnt"></td> <td>{{item.a}}</td> <td>{{item.b}}</td> <td>{{item.c}}</td> <td>{{item.d}}</td> <td>{{item.e}}</td> <td>{{item.f}}</td> <td>{{item.g}}</td> <td><p class="btnWrap"><a href="" class="btnRslt" :class="item.h === '1' ? 'on' : ''">{{item.h === '1' ? '양성' : '음성'}}</a></p></td> </tr></tbody>