el-select 组件获取整个对象

一只小小翠

于 2024-05-21 20:04:47 发布

阅读量582

点赞数 6

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/github_39423829/article/details/139101078

版权

法一：要获取整个对象的话，如果有列表就可以遍历列表，找到指定对象

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;
  }
}

法二：不需要获取整个对象，只需要获取其他部分属性的话，可以通过 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