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-select
    ref="chainTaskSelect"
    clearable
    v-model="form.chainTaskNo"
    placeholder="请选择任务"
    @change="selectChainTask"



    取指的时候可以通过
    this.refs.chainTaskSelect.selected.value this.refs.chainTaskSelect.selected.label
    这个是可以自定义的,如果需要其他属性,也只需要在 option 中添加其他属性即可。其他属性可能需要添加 .attrs 如this.refs.chainTaskSelect.selected.$attrs.diy

相关推荐
mmsx3 分钟前
Android 手簿 ADB 无线调试全攻略:USB 转 WiFi 一键连接
android·前端
guwentian10 分钟前
Rolldown vs esbuild vs Webpack:Rust 打包器大战我们该怎么选
前端·webpack·rust·esbuild
特立独行的猫A17 分钟前
用纯 Rust 重写 Podcastfy:把网页、PDF 和一段文字,变成一档双人对话播客
前端
oooo_z24 分钟前
美股历史K线数据API接口选型指南:iTick覆盖1分钟到月线全周期
服务器·前端·javascript
今日无bug39 分钟前
从 0 到 1 搭建端侧 AI 项目:DeepSeek-R1 + WebGPU + React + TS + Tailwind 全栈笔记
前端·react.js·typescript
mmsx41 分钟前
MapLibre 实战 08|GPS 点漂了几百米才被发现:GCJ-02 纠偏原理与"转两次"陷阱
android·前端
李高钢43 分钟前
Python Flask 框架入门:从零搭建你的第一个 Web 应用
前端·python·flask
特立独行的猫A1 小时前
用仓颉语言写 Coding Agent:cjh 是怎么实现的
前端
特立独行的猫A1 小时前
cjh:基于华为仓颉语言的原生 Coding Agent Harness 实践与设计思考
前端
mONESY1 小时前
LangChain 结构化输出三兄弟:ToolCall、OutputParser、withStructuredOutput 彻底讲透
javascript