• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

vue 버블링

22.05.02 18:47 작성 조회수 159

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>

답변 1

답변을 작성해보세요.

0

안녕하세요, input 태그에 @click.stop 하시면 될 것 같아요 :)