当前位置: 首页 > 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: ''},}}

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

http://www.dtcms.com/a/197532.html

相关文章:

  • 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数据库进行用户持久化
  • 程序代码篇---数据包解析
  • 层次原理图
  • Android开发——原生渲染方案实现 PDF 预览功能
  • Elasticsearch 初步认识
  • C++控制结构详解:if-else、switch、循环(for/while/do-while)
  • MySQL事务的一些奇奇怪怪知识
  • React-Query使用react-testing-library进行测试
  • 【RabbitMQ】 RabbitMQ高级特性(二)
  • Python高级特性深度解析:从熟练到精通的跃迁之路
  • 【老马】离线版金融敏感信息加解密组件开源项目 encryption-local
  • 实战设计模式之状态模式