elementui多选框改为单选框

Element UI 是一个基于 Vue 2.0 的桌面端组件库，它提供了一套完整的 UI 组件。其中，Element UI 的 Radio 组件设计为单选按钮组，而 Checkbox 组件设计为多选框组。如果你需要将 Checkbox 组件改为单选框的行为，可以通过给 Checkbox 组件绑定同一个名字（name 属性）来实现。

以下是一个简单的示例代码：

<template>
  <el-checkbox-group v-model="radioModel" name="singleCheck">
    <el-checkbox label="选项一" class="item"></el-checkbox>
    <el-checkbox label="选项二" class="item"></el-checkbox>
    <el-checkbox label="选项三" class="item"></el-checkbox>
  </el-checkbox-group>
</template>

<script>
export default {
  data() {
    return {
      radioModel: ''
    };
  }
};
</script>

<style>
.item {
  margin-right: 15px;
}
</style>

在这个例子中，所有 Checkbox 组件都绑定了同一个 name 属性 "singleCheck"。由于这些 Checkbox 组件具有相同的 name 属性，浏览器会将它们视为一组单选按钮，从而实现单选框的功能。用户在界面上只能选择其中一个选项。