如何控制循环出来的复选框只能单选，elementui

在 Element UI 中，可以通过 `el-checkbox-group` 和 `el-checkbox` 组件来实现单选的复选框。

首先，将多个 `el-checkbox` 放在一个 `el-checkbox-group` 组件中，然后在 `el-checkbox-group` 上设置 `v-model` 绑定一个变量，这个变量可以是一个数组，表示选中的复选框的值。这样就能够实现多选了。

但是，如果要实现单选，需要在 `el-checkbox-group` 上设置 `max` 属性为 1，表示最多只能选择一个复选框。

示例代码如下：

<template>
  <el-checkbox-group v-model="checkedFruits" max="1">
    <el-checkbox v-for="fruit in fruits" :key="fruit.value" :label="fruit.value">{{ fruit.label }}</el-checkbox>
  </el-checkbox-group>
</template>

<script>
export default {
  data() {
    return {
      fruits: [
        { label: 'Apple', value: 'apple' },
        { label: 'Banana', value: 'banana' },
        { label: 'Orange', value: 'orange' },
      ],
      checkedFruits: ''
    }
  }
}
</script>

在上面的示例中，`fruits` 数组包含了三个对象，每个对象表示一个复选框，`label` 属性表示显示的文本，`value` 属性表示复选框的值。在模板中使用 `v-for` 遍历 `fruits` 数组，动态生成多个 `el-checkbox` 组件，通过 `:label` 属性绑定每个复选框的值。然后在 `el-checkbox-group` 上设置 `v-model` 属性绑定 `checkedFruits` 变量，表示选中的复选框的值，同时设置 `max` 属性为 1，表示最多只能选择一个复选框。