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>