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

相关推荐

  1. el-select 获取整个对象

    2024-05-25 21:08:47       13 阅读
  2. scss:修改element样式(el-select)

    2024-05-25 21:08:47       37 阅读
  3. 获取el-select的label

    2024-05-25 21:08:47       35 阅读
  4. 关于解决el-select自动清除数据空格的问题

    2024-05-25 21:08:47       32 阅读
  5. elementui el-select多选设置初始值无法修改问题

    2024-05-25 21:08:47       17 阅读
  6. element ui el-select添加选项下拉加载

    2024-05-25 21:08:47       18 阅读
  7. react-select使用

    2024-05-25 21:08:47       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-05-25 21:08:47       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-25 21:08:47       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-25 21:08:47       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-25 21:08:47       18 阅读

热门阅读

  1. K8S Secret管理之SealedSecrets

    2024-05-25 21:08:47       10 阅读
  2. c++入门

    c++入门

    2024-05-25 21:08:47      12 阅读
  3. 分布式和集群区别

    2024-05-25 21:08:47       8 阅读
  4. 华为校招机试 - 最久最少使用缓存(20240508)

    2024-05-25 21:08:47       11 阅读
  5. 数据仓库、数据中台、大数据平台之间的关系

    2024-05-25 21:08:47       10 阅读
  6. MYSQL课堂练习

    2024-05-25 21:08:47       9 阅读
  7. 向量数据库的使用

    2024-05-25 21:08:47       10 阅读
  8. day50

    2024-05-25 21:08:47       10 阅读