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

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.lryc.cn/news/2385480.html

相关文章:

  • 【笔记】OpenCV的学习(未完)
  • 多模态大语言模型arxiv论文略读(八十七)
  • 《棒球百科》长寿运动排名·棒球1号位
  • Maven 项目打包时添加本地 Jar 包
  • 记录将网站从http升级https
  • 如何利用 ORM 框架有效防范 SQL 注入攻击
  • spark-shuffle 类型及其对比
  • 免费PDF工具-PDF24V9.16.0【win7专用版】
  • 游戏开发实战(二):Python复刻「崩坏星穹铁道」嗷呜嗷呜事务所---源码级解析该小游戏背后的算法与设计模式【纯原创】
  • 人工智能发展
  • 在Rockchip平台上利用FFmpeg实现硬件解码与缩放并导出Python接口
  • Flink集成资源管理器
  • 一周学会Pandas2 Python数据处理与分析-Pandas2数据合并与对比-pd.concat():轴向拼接
  • 安卓原生兼容服务器
  • 优化用户体验:拦截浏览器前进后退、刷新、关闭、路由跳转等用户行为并弹窗提示
  • 横川机器人驱动器导入参数教程
  • 大学生创新创业项目管理系统设计——数据库实验九
  • 电磁场与电场、磁场的关系
  • Python爬虫实战:研究Newspaper框架相关技术
  • Kotlin MultiPlatform 跨平台版本的记账 App
  • PIO 中的赋值魔术,MOV 指令
  • [docker]更新容器中镜像版本
  • 第十七次CCF-CSP算法(含C++源码)
  • 打造一个支持MySQL查询的MCP同步插件:Java实现
  • 黑马k8s(十五)
  • Axure项目实战:智慧运输平台后台管理端-订单管理1(多级交互)
  • 解决 cursor 中不能进入 conda 虚拟环境
  • 微信小程序请求扣子(coze)api的例子
  • C++ 实现二叉树的后序遍历与中序遍历构建及层次遍历输出
  • 基于大模型的髋关节骨关节炎预测与治疗方案研究报告