單選按鈕組件適用于同一組類型的選項只能互斥選擇的場景，就是支持單選。單選組件包含以下3個組件

組件名	作用
el-radio-group	單選組組件，子元素可以是el-radio或el-radio-button，v-mode綁定單選組的響應式屬性
el-radio	單選組件，label用于展示，value對應選中的值
el-radio-button	單選組件的按鈕形式

<script setup lang="ts">
import { onMounted, reactive, ref } from 'vue'
import type { FormInstance,FormRules  } from 'element-plus'const goodType1=ref(1)
const goodType2=ref(1)
const goodType3=ref()interface Good {goodName:stringstock:numbercreateDate:Datedescription:stringgoodType:number
}const goodForm=ref<Good>({goodName:"",stock:10,createDate:new Date(),description:"",goodType:2
});const handlerChange=(value)=>{console.log(value);
}</script><template><el-form :model="goodForm" status-icon label-position="left" label-width="auto" ref="formRef"><el-form-item label="商品類型" prop="goodType"><el-radio-group v-model="goodForm.goodType"><el-radio  label="食品類" :value="1"></el-radio><el-radio  label="電器類" :value="2"></el-radio> <el-radio  label="服裝類" :value="3"></el-radio> </el-radio-group></el-form-item><el-form-item label="商品類型" prop="goodName"><el-radio-group v-model="goodType2"><el-radio-button  label="食品類" :value="1"></el-radio-button><el-radio-button  label="電器類" :value="2"></el-radio-button> <el-radio-button  label="服裝類" :value="3"></el-radio-button> </el-radio-group></el-form-item><el-form-item label="商品類型" prop="goodName"><el-radio-group v-model="goodType2" @change="handlerChange"><el-radio  label="食品類" :value="1" border></el-radio><el-radio  label="電器類" :value="2" border> </el-radio> <el-radio  label="服裝類" :value="3" border></el-radio> </el-radio-group></el-form-item></el-form></template><style scoped></style>

https://element-plus.org/zh-CN/component/radio.html#radio-api