el-checkbox 阻止冒泡

对不起，我的回答有误。el-checkbox 组件并不会触发 click 事件，因此在 change 事件中使用 event.stopPropagation() 是无效的。

要阻止冒泡，可以使用 @click.native 修饰符来绑定原生的 click 事件，并在事件处理函数中调用 event.stopPropagation() 方法来阻止事件冒泡。下面是一个示例：

<template>
  <div @click="handleDivClick">
    <el-checkbox @click.native="handleCheckboxClick"></el-checkbox>
  </div>
</template>

<script>
export default {
  methods: {
    handleCheckboxClick(event) {
      event.stopPropagation(); // 阻止事件冒泡
      // 处理复选框点击事件
    },
    handleDivClick() {
      // 处理 div 的点击事件
    }
  }
}
</script>

在上面的代码中，我们使用 @click.native 修饰符将原生的 click 事件绑定到 el-checkbox 上，并在事件处理函数 handleCheckboxClick 中调用 event.stopPropagation() 方法来阻止事件冒泡。这样，点击 el-checkbox 时不会触发父元素的点击事件 handleDivClick。

希望这次回答能够解决你的问题。如果你还有其他疑问，请随时提问。