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

el-select中自定义 两组el-option,但是key不一样,并且点击需获取当前整个项的所有属性

当el-select中只有一组el-option , 获取点击的当前项的属性 , el-select 绑定:value-key='id'

但是 当el-select中有两组el-option ,每组option的key不一致,如下代码所示

<el-selectv-model="sth"	@change="choosee":value-key="getValueKey(sth)"><template ><el-optionv-for="item in FirstGroup":key="item.id":label="item.name":value="item"/></template><template ><el-optionv-for="item in SecondGroup":key="item.optionId":label="item.optionlabel":value="item"/></template>
</el-select>

对value-key做处理

 const getValueKey = (value) =>{if (value?.optionId) return "optionId"; return "id";  // 默认用 id}

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

相关文章:

  • LLM多轮对话效果优化之道
  • Vue3 对象转换
  • 谷歌浏览器调试python pygui程序
  • 《Cesium全生态解析:从入门到精通的3D地理空间开发指南》
  • 无人机桥梁检测如何通过数据存储、边缘AI、无线通讯等技术路线,提升检测效率
  • 算法备案:规范互联网信息服务,破除 “信息茧房”
  • 无人机飞行间隔安全智能评估、安全风险评估
  • .jsx文件和.tsx文件有什么区别
  • 对比Java、Python和C++的数据库操作生态
  • 11.5 Python+LangGraph智能代理开发:节点设计与业务流实战全解析
  • (随记)商业落地实施RAG工程的核心步骤
  • C#调用第三方C++版本SDK过程
  • C# UDP协议:核心原理、高效实现与实战进阶指南​
  • 怎么判断一个Android APP使用了Xarmarin这个跨端框架
  • Puppeteer 浏览器自动化操作工具
  • 146. LRU Cache
  • 多元回归的置信区间
  • JavaScript运算符全解析:从基础到进阶实战指南
  • 算法修仙传 第二章 坊市奇遇:链表操作入门
  • 003-类和对象(二)
  • MySQL 8.0 OCP 1Z0-908 题目解析(12)
  • 【动态规划】5 从一次函数出发推导斜率优化dp
  • 零件剖切配置教学 | 玩转EasyTwin 工业产线第三期(上)课程回顾
  • 论文解读: 2023-Lost in the Middle: How Language Models Use Long Contexts
  • javaEE课程项目-壁纸管理系统
  • ollama 部署模型休眠、释放问题
  • 从零入门:Google Cloud Platform (GCP) 基础架构与核心服务全解析
  • 【Go-4】函数
  • 基于BERT预训练模型(bert_base_chinese)训练中文文本分类任务(AI老师协助编程)
  • 基于DPABI提取nii文件模板的中心点坐标