如何判断 当前element ui Checkbox是否被选中

在 Element 中，可以使用 `v-model` 指令将 Checkbox 组件绑定到一个变量或数组上，来控制 Checkbox 的勾选状态。因此，要判断当前 Checkbox 是否被选中，只需要判断该变量或数组中是否包含当前 Checkbox 的 value 值即可。

如果绑定的是一个变量，可以直接判断该变量是否为 true 或 false。如果绑定的是一个数组，可以使用 `Array.includes` 方法来判断数组中是否包含当前 Checkbox 的 value 值。以下是一个示例：

<template>
  <div>
    <el-checkbox v-model="checked">Checkbox</el-checkbox>
    <p>当前状态：{{ checked ? '已选中' : '未选中' }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: false
    };
  }
};
</script>

在上述示例中，使用 `v-model` 将 Checkbox 绑定到一个 Boolean 类型的变量 `checked` 上。可以在模板中根据 `checked` 变量的值来判断当前 Checkbox 是否被选中。

如果绑定的是一个数组，可以在模板中使用 `Array.includes` 方法来判断数组中是否包含当前 Checkbox 的 value 值。例如：

<template>
  <div>
    <el-checkbox-group v-model="checkedList">
      <el-checkbox v-for="item in options" :key="item.value" :label="item.value">{{ item.label }}</el-checkbox>
    </el-checkbox-group>
    <p>选中的选项：{{ checkedList }}</p>
    <p>选项 1 是否被选中：{{ checkedList.includes(1) ? '已选中' : '未选中' }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checkedList: [],
      options: [
        { label: '选项 1', value: 1 },
        { label: '选项 2', value: 2 },
        { label: '选项 3', value: 3 }
      ]
    };
  }
};
</script>

在上述示例中，使用 `v-model` 将 Checkbox 绑定到一个数组 `checkedList` 上。在模板中可以使用 `Array.includes` 方法来判断数组中是否包含当前 Checkbox 的 value 值。