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

相关推荐
Data_Adventure几秒前
使用CLINE快速生成一个3D展厅
vue.js·three.js·cline
Danny_FD4 分钟前
前端BFC详解:从基础到深入的全面解读
前端
临枫38813 分钟前
网页图像优化:现代格式与响应式技巧
前端
咪库咪库咪24 分钟前
构建交互网站
前端
周星星日记25 分钟前
10.vue3中组件实现原理(上)
前端·vue.js·面试
小华同学ai26 分钟前
6.4K star!轻松搞定专业领域大模型推理,这个知识增强框架绝了!
前端·github
萧门竹巷28 分钟前
里面有猫!Contenteditable 实现简单的富文本编辑器!
javascript
专业抄代码选手28 分钟前
【VUE】在vue中,Watcher与Dep的关系
前端·面试
Lazy_zheng32 分钟前
从 DOM 监听到 Canvas 绘制:一套完整的水印实现方案
前端·javascript·面试
尘寰ya34 分钟前
前端面试-微前端
前端·面试·职场和发展