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

elementUi el-radio神奇的:label与label不能设置默认值

问题:最近项目遇到一个奇葩的问题:红框中列表的单选按钮无法根据需求设置默认选中,但是同样是设置开启状态的单选框可以设置默认状态

 原因:开始同样是和开启/关闭状态一样也把红框中列表的默认值设置为数字模式,但是由于后台返回值、与label绑定值的类型不同导致设置红框列表的默认值无法选中,故必须设置默认值的类型与值都必须与v-model绑定的值与类型一致的情况下才可以生效

神奇的label与:label

element-ui官网Radio单选框的使用中,基础用法使用的是label,radio的值是字符串;单选框组el-radio-group使用的是:label,radio的值是数字。这里我们很容易混淆对:label和label的使用

注意:在Vue中,加冒号的属性,引号里的值一般为一个变量或者表达式,如果为常量时,常量值需忽略后面的引号;没加冒号的属性,值包括后面的引号部分。例如:

label=“1”,表示label的值为字符串1,v-model绑定值应为字符串;
:label=“1”,表示label的值为数字1,v-model绑定值应为数字;
:label="‘1’",表示label的值为字符串1,v-model绑定值应为字符串;

http://www.lryc.cn/news/106705.html

相关文章:

  • git仓库清理
  • 从0到1开发go-tcp框架【3-读写协程分离、引入消息队列、进入连接管理器、引入连接属性】【基础篇完结】
  • python-爬虫作业
  • vue3+ts+pinia整合websocket
  • 【微信小程序】保存多张图片到本地相册
  • Python Numpy入门基础(二)数组操作
  • 【LeetCode每日一题】——1572.矩阵对角线元素的和
  • 牛客网Verilog刷题——VL55
  • python中数据可视化
  • DASCTF 2023 0X401七月暑期挑战赛web复现
  • go编译文件
  • Flowable-子流程-调用活动
  • java 并发
  • 【MySQL】DDL和DML
  • 使用python框架FastAPI
  • Vue实现leafletMap自定义绘制线段 并且删除指定的已绘制的点位
  • ChatGPT辅助写论文:提升效率与创造力的利器
  • 面试攻略,Java 基础面试 100 问(六)
  • 图解系列 DNS查找过程和DNS缓存
  • 《吐血整理》高级系列教程-吃透Fiddler抓包教程(21)-如何使用Fiddler生成Jmeter脚本-上篇
  • vim中出现复制不对齐-乱码问题
  • 华为OD机考真题--单词接龙--带答案
  • 排序进行曲-v3.0
  • 编辑列表操作时的一些思考,关于全量和增量操作
  • 【python】Python tkinter库实现重量单位转换器的GUI程序
  • CVPR2023新作:源数据集对迁移学习性能的影响以及相应的解决方案
  • 《TCP IP 网络编程》第十五章
  • 新特性解读 | MySQL 8.0 字段信息统计机制
  • 基于Java+Swing实现超级玛丽游戏
  • Day12-1-Webpack前端工程化开发