@click.native.prevent

1. 在封装好的组件上使用，所以要加上.native才能click
2. prevent就相当于event.preventDefault();
3. preventDefault() 方法阻止元素发生默认的行为

<template>
  <div class="hello">
    <!-- 点击复选框，复选框可勾选；不会调用demo事件，控制台不打印 -->
    <el-checkbox @click="demo" v-model="checked1">备选项</el-checkbox>

    <!-- 点击复选框，复选框可勾选；调用2次demo事件，控制台打印2次 -->
    <el-checkbox @click.native="demo" v-model="checked2">备选项</el-checkbox>

    <!-- 点击复选框，复选框不可勾选；调用1次demo事件，控制台打印1次 -->
    <el-checkbox @click.native.prevent="demo" v-model="checked3">备选项</el-checkbox>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      checked1: false,
      checked2: false,
      checked3: false
    };
  },
  methods: {
    demo() {
      console.log("123");
    }
  }
};
</script>