当前位置: 首页 > news >正文

elementUI 单选框存在多个互斥的选项中选择的场景

使用  el-radio-group 来使用单选框组,代码如下:

<el-radio-group @input="valueChangeHandler" v-model="featureForm.type"><el-radio name="feature" label="feature">业务对象</el-radio><el-radio name="directory" label="directory">目录</el-radio>
</el-radio-group>

只需在 el-radio-group 上设置 v-model,每个 el-radio 子项设置label属性。v-model 绑定的响应数据对象的值就是对应这个 label的值,两者相等即可将该 radio 选中。

例如:响应式数据对象 featureForm对象如下:

data() {return {featureForm: {type: 'feature',name: '',label: ''},}}

即可将 业务对象这个单选框选中!

相关文章:

  • mongodb管理工具的使用
  • Selenium-Java版(css表达式)
  • 整理了 2009 - 2025 年的【199 管综真题 + 解析】PDF,全套共 34 份文件
  • Linux 安装 Unreal Engine
  • npm与pnpm--为什么推荐pnpm
  • DeepSeek系列大语言模型推理优化技术深度解析
  • 字符串相乘(43)
  • 程序代码篇---python向http界面发送数据
  • el-dialog鼠标在遮罩层松开会意外关闭,教程图文并茂
  • 【技海登峰】Kafka漫谈系列(十一)SpringBoot整合Kafka之消费者Consumer
  • 【自然语言处理与大模型】向量数据库:Chroma使用指南
  • 医疗信息系统安全防护体系的深度构建与理论实践融合
  • 什么是 Flink Pattern
  • PDF批量合并拆分+加水印转换 编辑 加密 OCR 识别
  • C语言链表的操作
  • Office 中 VBE 的共同特点与区别
  • 【C++】unordered_map与set的模拟实现
  • Atcoder Beginner Contest 406
  • 【基于Spring Boot 的图书购买系统】深度讲解 用户注册的前后端交互,Mapper操作MySQL数据库进行用户持久化
  • 程序代码篇---数据包解析
  • 殷墟出土鸮尊时隔50年首次聚首,北京新展“看·见殷商”
  • 芬兰西南部两架直升机相撞坠毁,第一批救援队已抵达现场
  • 广西北流出现强降雨,1人被洪水冲走已无生命体征
  • 美国考虑让移民上真人秀竞逐公民权,制片人称非现实版《饥饿游戏》
  • 外企聊营商|上海仲裁:化解跨国企业纠纷的“上海路径”
  • 本周看啥|《歌手》今晚全开麦直播,谁能斩获第一名?