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

el-select赋值对象是对象时,出现赋值与展示不一致问题

代码逻辑类似:module 是个object

{

"appId": "", 
     "id": 65, 
     "name": ""

}

 <el-form :model="form"><el-form-item label="申请模块" ><el-select v-model="form.module"><el-optionv-for="module in module_list":key="module .id":label="module .name":value="module"></el-option></el-select></el-form>

赋值后总是出现展示的和实际赋值的不一致。原来是因为缺少了 value-key 作为它的唯一性标识。

如果 Select 的绑定值为对象类型,请务必指定 value-key 作为它的唯一性标识。

加上value-key就好了

 <el-form :model="form"><el-form-item label="申请模块" value-key="id"><el-select v-model="form.module"><el-optionv-for="module in module_list":key="module .id":label="module .name":value="module"></el-option></el-select></el-form>

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

相关文章:

  • 在 Node-RED 中引入 ECharts 实现数据可视化
  • docker资源限制
  • 探索HarmonyOS_开发软件安装
  • CSS中控制元素水平布局的七个属性
  • YOLOv8改进 | 2023检测头篇 | 利用AFPN改进检测头适配YOLOv8版(全网独家创新)
  • 测试经理的职责是什么?
  • LinuxBasicsForHackers笔记 -- BASH 脚本
  • 定时任务特辑 | Quartz、xxl-job、elastic-job、Cron四个定时任务框架对比,和Spring Boot集成实战
  • 【面试经典150 | 二叉树】对称二叉树
  • 使用Git进行版本控制
  • 专业课145+总分440+东南大学920考研专业基础综合信号与系统数字电路经验分享
  • Leetcode每日一题
  • USB连接器
  • 软件工程之需求分析
  • URL提示不安全
  • JavaBean是什么
  • 202309-2
  • 数字图像处理(实践篇)二十 人脸特征提取
  • Python自动化:selenium常用方法总结
  • 『开源资讯』JimuReport积木报表 v1.6.6 版本发布—免费报表工具
  • 每天五分钟计算机视觉:使用1*1卷积层来改变输入层的通道数量
  • Java (JDK 21) 调用 OpenCV (4.8.0)
  • git 常用的使用方法
  • 使用Caliper对Fabric地basic链码进行性能测试
  • 一台是阿里云,一台是腾讯云,一台是华为云,一台是百度云等多种公有云混合安装K8S集群
  • 期末速成数据库极简版【查询】(3)
  • 人工智能_机器学习061_KKT条件公式理解_原理深度解析_松弛变量_不等式约束---人工智能工作笔记0101
  • 有关光伏电站绝缘阻抗异常排查分析-安科瑞 蒋静
  • 抓取真实浏览器设备指纹fingerprint写入cookie方案
  • 【华为OD题库-074】VLAN资源池-Java