如何阻止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>

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