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

相关文章:

  • 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-类和对象(二)
  • 上海营销活动策划公司/广州百度seo排名
  • 布吉做棋牌网站建设哪家便宜/如何做推广最有效果
  • 网站开发建设合同范本/steam交易链接在哪里
  • wordpress被刷搜索/seo顾问服务福建
  • 石湾做网站/网络运营培训班多少钱
  • 猪八戒做网站靠谱吗/成都推广团队