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

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

功能

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

✨具体实现

CheckResult是一个数组

  <el-checkbox-group v-model="CheckResult">
                
                    <el-checkbox
                      false-label="null"
                      true-label="选项1"

                      >选项1</el-checkbox
                    >
                    <el-checkbox
                      false-label="null"
                      true-label="选项2"
                      >选项2</el-checkbox
                    >
                    <el-checkbox
                      false-label="null"
                      true-label="选项3"
                      >选项3</el-checkbox
                    >
                  </div>
 </el-checkbox-group>

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

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