element UI 中处理 事件冒泡

 之前对事件冒泡比较模糊，可以去看一看喔，以下是在项目中遇到的一个小问题

问题：

今天在使用element-ui的计数器时候，外面套了个check-box，怎么都阻止不了冒泡事件。 查到有很多人说在外面套个div，再在div里写click.stop，但是我这里还是失效了，最后找到需要写click.stop.prevent。

<el-checkbox class="layout-block ml30" v-model="add">
这是一个计数器
    <div @click.stop.prevent style="display:inline">
    <el-input-number 
        :disabled="!add" controls-position="right" v-model="addNum"
        size="mini" :step="1" :min="0":max="9"></el-input-number>
    </div>
</el-checkbox>