vue3 el-checkbox 单选

你可以通过给每个 `el-checkbox` 组件绑定一个 `v-model`，将其值绑定到一个变量上，从而实现单选的效果。具体方法如下：

1. 在 `data` 中声明一个变量，用于存储选中的值：

data() {
  return {
    selectedValue: ''
  }
}

2. 将每个 `el-checkbox` 组件的 `v-model` 绑定到该变量上：

<template>
  <div>
    <el-checkbox v-model="selectedValue" label="value1">选项1</el-checkbox>
    <el-checkbox v-model="selectedValue" label="value2">选项2</el-checkbox>
    <el-checkbox v-model="selectedValue" label="value3">选项3</el-checkbox>
  </div>
</template>

3. 如果需要限制只能选择一个选项，可以将 `el-checkbox-group` 组件的 `max` 属性设置为 1：

<template>
  <div>
    <el-checkbox-group v-model="selectedValue" max="1">
      <el-checkbox label="value1">选项1</el-checkbox>
      <el-checkbox label="value2">选项2</el-checkbox>
      <el-checkbox label="value3">选项3</el-checkbox>
    </el-checkbox-group>
  </div>
</template>

这样，当用户选择一个选项时，其他选项的 `v-model` 值会被清空，实现单选的效果。