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

el-select 组件获取整个对象

  1. 法一:要获取整个对象的话,如果有列表就可以遍历列表,找到指定对象
let obj = this.chainTaskList.find((item) => item.chainTaskNo === e);
if (obj) {this.form.storeNo = obj.storeNo;this.form.storeName = obj.couponVO.storeName;
}

for (let item of this.chainTaskList) {if (item.chainTaskNo === e) {this.form.storeNo = item.storeNo;this.form.storeName = item.couponVO.storeName;}
}
  1. 法二:不需要获取整个对象,只需要获取其他部分属性的话,可以通过 ref 实现
<el-selectref="chainTaskSelect"clearablev-model="form.chainTaskNo"placeholder="请选择任务"@change="selectChainTask"
><el-optionv-for="item in chainTaskList":key="item.chainTaskNo":label="item.name":value="item.chainTaskNo"/>
</el-select>
取指的时候可以通过
this.$refs.chainTaskSelect.selected.value
this.$refs.chainTaskSelect.selected.label
这个是可以自定义的,如果需要其他属性,也只需要在 option 中添加其他属性即可。其他属性可能需要添加 .$attrs
如this.$refs.chainTaskSelect.selected.$attrs.diy
http://www.lryc.cn/news/357798.html

相关文章:

  • 基础—SQL—DQL(数据查询语言)基础查询
  • 【QT八股文】系列之篇章2 | QT的信号与槽机制及通讯流程
  • excel表格里怎样不删除0,又不显示0呢?
  • 精准操控时间的艺术:JavaScript节流函数的深度探索与实践【含代码示例】
  • 自学SPSS,有哪些教学视频或书籍推荐?
  • 开源数据库同步工具DBSyncer
  • 【SpringMVC】_SpringMVC项目返回HTML与JSON
  • STL库--stack
  • 从System Prompt来看Claude3、Kimi和ChatGLM4之间的差距
  • (精确度,召回率,真阳性,假阳性)ACC、敏感性、特异性等 ROC指标
  • Docker安装nginx详细教程
  • FineBI学习总结
  • 现代操作系统上创建各类链接的方法汇总
  • CSS中的Flex布局
  • 基于扩散模型的,开源世界模型DIAMOND
  • 【MySQL精通之路】InnoDB存储引擎
  • 【创作活动】探索 GPT-4o:下一代语言模型的技术革命
  • 【热门话题】Debian常用命令指南
  • 人大金仓 KingBase查询死锁,释放死锁
  • C++高手进阶:Windows 模块加载的艺术与策略
  • 基于STM32单片机老人体温心率血氧跌倒定位短信报警
  • 【测评】雨云香港三区云服务器,2核2G 5兆,仅需38元/月
  • 如何应对Android面试官 -> 玩转 Fragment
  • sdbusplus:通过文件描述符传递数据
  • HyperLPR3 车牌识别
  • 面试的内容
  • 剪映网页版
  • pgsql
  • Kotlin学习笔记 泛型
  • 开发者必看:Linux终端的10大装逼神器,让你的命令行炫酷起来!