阻止checkbox组件及其他没有click事件的组件冒泡事件

由于框架的某些组件自身不带有click事件（如我最近使用到的iview里边的CheckBox、ant.design里边的CheckBox，发现没有click事件），
因此很苦恼每次点击勾选框的时候他下边的标签就会很自觉地触发其他事件，需求是这样的：
在折叠面板上放checkbox：

结果每次点击的时候，都会触发面板的展开与关闭，我的解决方案就是：

由于CheckBox没有click时间，为了点击他时阻止冒泡，我在外边包一层div或者span，将我要触发的事件写在div或span上：

<span @click.stop.prevent="CheckBox本来要触发的事件(参数)">
   <Checkbox v-model="item.checked">{{item.name}}</Checkbox>
 </span>

这样就完美解决冒泡啦！