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

相关推荐
余生H4 分钟前
前端Python应用指南(二)深入Flask:理解Flask的应用结构与模块化设计
前端·后端·python·flask·全栈
outstanding木槿9 分钟前
JS中for循环里的ajax请求不数据
前端·javascript·react.js·ajax
酥饼~16 分钟前
html固定头和第一列简单例子
前端·javascript·html
一只不会编程的猫19 分钟前
高德地图自定义折线矢量图形
前端·vue.js·vue
所以经济危机就是没有新技术拉动增长了20 分钟前
二、javascript的进阶知识
开发语言·javascript·ecmascript
m0_7482509321 分钟前
html 通用错误页面
前端·html
来吧~30 分钟前
vue3使用video-player实现视频播放(可拖动视频窗口、调整大小)
前端·vue.js·音视频
Bubluu31 分钟前
浏览器点击视频裁剪当前帧,然后粘贴到页面
开发语言·javascript·音视频
鎈卟誃筅甡43 分钟前
Vuex 的使用和原理详解
前端·javascript
呆呆小雅1 小时前
二、创建第一个VUE项目
前端·javascript·vue.js