-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
vue 버블링
22.05.02 18:47 작성 조회수 173
1
안녕하세요. 뷰 강의를 듣고 뷰로 프로젝트를 진행중입니다.
뷰 버블링에 관해서, 질문들 드리고 싶습니다.
이런구조인데 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>
답변을 작성해보세요.
0
답변 1