🤵 作者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或者空或者什么都可以。data必须先初始化好字段

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐