【使用elementui中的checkBox复选框组件时，绑定click事件会触发两次（已解决）】

这个问题通常是因为在使用Element UI的el-checkbox组件时，你不仅绑定了click事件，还不小心触发了checkbox内部的选中/取消选中行为，导致click事件被触发了两次。

解决方法：

1. 使用change事件代替click事件。因为change事件只会在checkbox的选中状态改变后触发一次，而不会在绑定事件时立即触发。

<el-checkbox @change="handleCheckboxChange">Checkbox</el-checkbox>

methods: {
  handleCheckboxChange(value) {
    // 处理逻辑
  }
}

2. 如果你必须使用click事件，可以通过外部变量控制，避免内部状态变化时也触发click事件。

<el-checkbox :click.stop="noDoubleClick" @click="handleCheckboxClick">Checkbox</el-checkbox>

data() {
  return {
    noDoubleClick: true
  };
},
methods: {
  handleCheckboxClick() {
    if (this.noDoubleClick) {
      // 处理逻辑
      this.noDoubleClick = false; // 防止下次点击时再触发
    }
  }
}

在这个解决方案中，:click.stop="noDoubleClick"是一个动态指令，它会根据noDoubleClick的值决定是否绑定click事件。如果noDoubleClick为true，则绑定事件处理器，否则不绑定。在事件处理器中，我们在处理完逻辑后将noDoubleClick设置为false，从而防止下次点击时再触发事件处理器。

注意：使用click.stop而不是@click.stop是因为Vue的事件修饰符.stop无法阻止checkbox内部的点击事件，所以需要使用:click.stop这种动态绑定的方式来控制事件的触发。