【Vue】el-checkbox多选框实现单选效果，选中一个选项则自动取消其他勾选

🤵 作者：coderYYY
🧑 个人简介：前端程序媛，目前主攻web前端，后端辅助，其他技术知识也会偶尔分享🍀欢迎和我一起交流！🚀（评论和私信一般会回！！）
👉 个人专栏推荐：《前端项目教程以及代码》

功能

• 多选框但是只能单选，勾选其中一个，其余的自动取消勾选

✨具体实现

CheckResult是一个数组

  <el-checkbox-group v-model="CheckResult"><el-checkboxfalse-label="null"true-label="选项1">选项1</el-checkbox><el-checkboxfalse-label="null"true-label="选项2">选项2</el-checkbox><el-checkboxfalse-label="null"true-label="选项3">选项3</el-checkbox></div></el-checkbox-group>

false-label:表示不选中的状态。

true-label:表示选中的状态。
重点：true-label为选项值，false-label要为null或者空