el-select 组件获取整个对象

ops/2024/10/21 23:15:19/
  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.ppmy.cn/ops/45225.html

相关文章

TH方程学习(1)

一、背景介绍 根据CW方程的学习&#xff0c;CW方程的限制条件为圆轨道&#xff0c;不考虑摄动&#xff0c;二者距离相对较小。TH方程则可以将物体间的相对运动推广到椭圆轨道的二体运动模型&#xff0c;本部分将结合STK的仿真功能&#xff0c;联合考察TH方程的有用性&#xff…

Mybatis多表查询

MyBatis-多表查询-一对一查询(方式一) 一个菜品对应一个分类 直接菜品记录category对象 菜品id写入Dish,后面的分类直接写入 Category类 封装,如果sql不能封装上,那么直接使用resultmap封装 使用resultType只能封装基本属性 所以要定义一个resultmap手动封装 使用标签 要…

《web应用技术》第9次课后作业

一、将前面的代码继续完善功能 1、采用XML映射文件的形式来映射sql语句&#xff1b; 2、采用动态sql语句的方式&#xff0c;实现条件查询的分页。 二、学习git的使用。 1、每个小组将自己的项目上传到gitee&#xff0c;学会协作开发&#xff1b; 2、学会从gitee上拉取项目…

理解消息队列:队列与主题的区别

理解消息队列:队列与主题的区别 如果你研究过多种消息队列产品,可能会发现每种消息队列都有自己的一套消息模型,像队列(Queue)、主题(Topic)或分区(Partition)这些名词概念在不同的消息队列模型中含义各异。这是因为没有统一的标准。尽管曾有国际组织尝试制定过消息相…

字符串的扩展距离问题--------动态规划算法

文章目录 前言一、字符串的扩展距离问题 (给出问题)二、分析1.状态转移方程的由来 三、代码总结 前言 学无止境&#xff0c;笔勤不辍。最近笔者又闲了下来&#xff0c;于是抽空在课上写一篇关于动态规划思想的典型问题(最近遇到的奇奇怪怪的问题&#xff0c;困扰了笔者一段时间…

qt多语言翻译不生效的原因

假设您有QT语言家的基础知识&#xff0c;假设网上那些所有的问题您都已经排查过了&#xff0c;但依然翻译不生效&#xff0c;那么可以看下这篇帖子&#xff0c;其实就一个问题&#xff0c;变量的生命周期&#xff0c;假设QTranslator是一个函数内的变量&#xff0c;且没有被声明…

【WEB前端2024】开源智体世界:乔布斯3D纪念馆-第29课-会员制展厅

【WEB前端2024】开源智体世界&#xff1a;乔布斯3D纪念馆-第29课-会员制展厅 使用dtns.network德塔世界&#xff08;开源的智体世界引擎&#xff09;&#xff0c;策划和设计《乔布斯超大型的开源3D纪念馆》的系列教程。dtns.network是一款主要由JavaScript编写的智体世界引擎&…

齿轮常见故障学习笔记

大家好&#xff0c;这期咱们聊一聊齿轮常见的失效形式&#xff0c;查阅了相关的资料&#xff0c;做个笔记分享给大家&#xff0c;共同学习。 介绍 齿轮故障可能以多种方式发生。如果在设计阶段本身就尽量防止这些故障的产生&#xff0c;则可以产生改更为优化的齿轮设计。齿轮…