如何阻止el-checkbox的change事件的冒泡？

对于阻止事件冒泡，相信大家再熟悉不过了，详细的就不多说了，现在我在开发项目时有这样一个场景，如下图：

如上图所描述，因为我有父级的 click 事件要触发，所以这时候你要点击复选框 change 事件时，势必会触发 click 事件，所以我想当然的给 change 事件加.stop来组织事件冒泡，然而，现实很残忍，没有卵用！

很显然，.stop 只能给 click 事件加，那怎么办呢？ 给外层盒子加 click 事件，就完美实现！

<span class="dis-checkbox" @click.stop>
  <el-checkbox size="small" @change="handleSingleData(v.dsc_user_id as string)"></el-checkbox>
</span>

做一个小的记录，为有需要的朋友总结经验，开始摸鱼~

以上关于如何阻止el-checkbox的change事件的冒泡？的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。