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"

    <el-option v-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

相关推荐
wuk9984 小时前
实现ROS系统的Websocket传输,向Web应用推送sensor_msgs::Image数据
前端·websocket·网络协议
合作小小程序员小小店6 小时前
web网页开发,在线%考试管理%系统,基于Idea,vscode,html,css,vue,java,maven,springboot,mysql
java·前端·系统架构·vue·intellij-idea·springboot
天天进步20157 小时前
CSS Grid与Flexbox:2025年响应式布局终极指南
前端·css
Boop_wu7 小时前
[Java EE] 计算机基础
java·服务器·前端
Novlan18 小时前
TDesign UniApp 组件库来了
前端
用户47949283569158 小时前
React DevTools 组件名乱码?揭秘从开发到生产的代码变形记
前端·react.js
顾安r9 小时前
11.8 脚本网页 打砖块max
服务器·前端·html·css3
倚栏听风雨9 小时前
typescript 方法前面加* 是什么意思
前端
狮子不白9 小时前
C#WEB 防重复提交控制
开发语言·前端·程序人生·c#