el-checkbox 怎么阻止冒泡事件？

问题：在el-card卡片上绑定了点击选中复选框的事件，但是点击复选框会出现冒泡，导致el-card的点击事件也触发，导致点击复选框的时候，出现点击失效的现象

解决：在点击el-checkbox复选框的时候，添加阻止冒泡的处理

 

<el-row :gutter="10">
      <el-col
        :xs="24"
        :sm="24"
        :md="12"
        :lg="6"
        :xl="4"
        v-for="(item, index) in dataList"
        :key="index"
      >      
         <el-card
           @click.native="itemFun(item)"
           :class="['box-card', item.checked ? 'selected' : '']">
             <el-checkbox
             :ref="'checkboxRef'"
             v-model="item.checked"
             @click.native="stopDefault($event)"
             ></el-checkbox>
             ...
         </el-card>
      </el-col>
</el-row>


js部分：

methods:{
  itemFun(item) {
      item.checked = !item.checked;    
   },
  stopDefault(e) {
      e.stopPropagation();
  },
 }