el-checkbox点击无效

el-checkbox点击无效的原因是由于点击事件冒泡到了父元素div上，导致checkbox的点击事件失效。解决方法是给checkbox的点击事件加上.native.stop修饰符，即@click.native.stop，这样就可以阻止点击事件冒泡到父元素上了。

以下是两种解决方法的示例代码：

引用:

<div @click="ceshi" class="cesi">
  <el-checkbox v-model="checked" class="box" @click.native.stop="boxEvent">备选项</el-checkbox>
</div>
<script>
  export default {
    data() {
      return {
        checked: false
      }
    },
    methods: {
      ceshi() {
        this.checked = !this.checked
      },
      boxEvent() {}
    }
  }
</script>

引用:

<div @click="ceshi" class="cesi">
  <el-checkbox v-model="checked" class="box">备选项</el-checkbox>
</div>
<script>
  export default {
    data() {
      return {
        checked: false
      }
    },
    methods: {
      ceshi() {
        this.checked = !this.checked
      }
    }
  }
</script>