el-checkbox获取点击的值

在Element UI库中的el-checkbox组件中，当你需要获取用户点击的复选框的值时，你可以通过监听`input`事件来实现。这个事件会在用户交互改变复选框状态时触发。以下是基本的步骤：

1. 首先，在Vue组件中声明一个数组或者对象来存储复选框的状态，每个元素对应一个checkbox的值。

<template>
  <el-checkbox-group v-model="checkedItems">
    <el-checkbox
      v-for="(item, index) in items"
      :key="index"
      @input="handleCheckboxChange(index)"
      :label="item.value">
      {{ item.label }}
    </el-checkbox>
  </el-checkbox-group>
</template>

2. 然后在`methods`里定义`handleCheckboxChange`函数，它接受当前被点击的checkbox对应的索引作为参数，并更新相应的值。

export default {
  data() {
    return {
      checkedItems: [], // 存储已选择项的值
      items: [
        { value: '1', label: '选项A' },
        { value: '2', label: '选项B' },
        // 更多选项...
      ]
    };
  },
  methods: {
    handleCheckboxChange(index) {
      this.checkedItems[index] = this.items[index].value; // 当值发生变化时，更新 checkedItems
    }
  }
};

在这个例子中，每次用户点击一个复选框，`handleCheckboxChange`会被调用，并将相应复选框的`value`添加到`checkedItems`数组中。