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

element-ui plus v2.60 终于修复了 radio checkbox 取值不明确的问题,label value 值

element-ui plus v2.60 终于修复了 radio checkbox 取值不明确的问题,label value 值

昨天想反馈这个关于 label 和 value 的问题的时候,发现新版本已经修正这个问题了。

一、ElementUI 旧版关于 label 和 value 的问题

从之前 element-ui 用过来的,之前就一直很烦 element 关于 radio checkbox 取值不明的问题:
label 应该是显示的名,value 应为实际产出的值

<el-radio label="选项1" :value="1"/>

但,在旧版中不是这样的,每次用到都很烦,它产出的值竟然是 label,简直太傻了。
比如这样一个例子,在 v2.42 版本中的产出值是这样。

在线例子: v2.42 例子 记得将版本切到 2.42 再试

<template>
<h3> Form Item Test</h3><el-select v-model="selectValue"><el-option label="Label1" :value="1"></el-option><el-option label="Label2" :value="2"></el-option>
</el-select><el-checkbox-group v-model="checkboxValue"><el-checkbox label="checkbox1" :value="1"></el-checkbox><el-checkbox label="checkbox2" :value="2"></el-checkbox>
</el-checkbox-group><el-radio-group v-model="radioValue"><el-radio label="checkbox1" :value="1"></el-radio><el-radio label="checkbox2" :value="2"></el-radio>
</el-radio-group><hr><p class="display">select value = {{selectValue}}</p>
<p class="display">checkbox value = {{checkboxValue}}</p>
<p class="display">radio value = {{radioValue}}</p></template>

在这里插入图片描述

二、v2.60 已经修正了 label value 取值不明确的问题

而换成 v2.60 之后就正常了,取的就是 value 的值。

在线例子: v2.60 例子 记得将版本切到 2.60 再试

在这里插入图片描述

相关文章:

  • 2023年第三届中国高校大数据挑战赛(第一场)B题思路
  • 使用Spring的AOP
  • 使用Windows API实现一个简单的串口助手
  • 学习JAVA的第十八天(基础)
  • 信息系统项目管理师--成本管理
  • 重要通告 | 公司更名为“浙江实在智能科技有限公司”
  • 算法训练营day46,动态规划14
  • 链路负载均衡之策略路由
  • python——http/https文件传输
  • Python(38):Request的data需入参是json,用转换json.dumps(data)
  • 小迪安全36WEB 攻防-通用漏洞XSS 跨站MXSSUXSSFlashXSSPDFXSS
  • 【AI视野·今日NLP 自然语言处理论文速览 第八十三期】Wed, 6 Mar 2024
  • 【c++11线程库的使用】
  • 基于深度学习YOLOv8+Pyqt5的抽烟吸烟检测识别系统(源码+跑通说明文件)
  • ElasticSearch学习篇10_Lucene数据存储之BKD动态磁盘树
  • Codepen 每日精选(2018-3-25)
  • JS变量作用域
  • Js基础知识(四) - js运行原理与机制
  • mysql外键的使用
  • MySQL主从复制读写分离及奇怪的问题
  • python_bomb----数据类型总结
  • vagrant 添加本地 box 安装 laravel homestead
  • WinRAR存在严重的安全漏洞影响5亿用户
  • 笨办法学C 练习34:动态数组
  • 关于extract.autodesk.io的一些说明
  • 盘点那些不知名却常用的 Git 操作
  • 如何使用Mybatis第三方插件--PageHelper实现分页操作
  • 实战:基于Spring Boot快速开发RESTful风格API接口
  • 怎么把视频里的音乐提取出来
  • 自制字幕遮挡器
  • 好程序员大数据教程Hadoop全分布安装(非HA)
  • # Panda3d 碰撞检测系统介绍
  • #etcd#安装时出错
  • (1)(1.13) SiK无线电高级配置(六)
  • (html转换)StringEscapeUtils类的转义与反转义方法
  • (zt)基于Facebook和Flash平台的应用架构解析
  • (保姆级教程)Mysql中索引、触发器、存储过程、存储函数的概念、作用,以及如何使用索引、存储过程,代码操作演示
  • (二)学习JVM —— 垃圾回收机制
  • (分布式缓存)Redis哨兵
  • (附源码)spring boot北京冬奥会志愿者报名系统 毕业设计 150947
  • (附源码)流浪动物保护平台的设计与实现 毕业设计 161154
  • (七)Knockout 创建自定义绑定
  • (已更新)关于Visual Studio 2019安装时VS installer无法下载文件,进度条为0,显示网络有问题的解决办法
  • (转) Face-Resources
  • .java 9 找不到符号_java找不到符号
  • .net core MVC 通过 Filters 过滤器拦截请求及响应内容
  • .set 数据导入matlab,设置变量导入选项 - MATLAB setvaropts - MathWorks 中国
  • ::
  • [ Linux ] Linux信号概述 信号的产生
  • [C#]C# OpenVINO部署yolov8图像分类模型
  • [C++]C++入门--引用
  • [ffmpeg] x264 配置参数解析
  • [fsevents@^2.1.2] optional install error: Package require os(darwin) not compatible with your platfo
  • [github全教程]github版本控制最全教学------- 大厂找工作面试必备!
  • [IE9] IE9 Beta崩溃问题解决方案