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"



    取指的时候可以通过
    this.refs.chainTaskSelect.selected.value this.refs.chainTaskSelect.selected.label
    这个是可以自定义的,如果需要其他属性,也只需要在 option 中添加其他属性即可。其他属性可能需要添加 .attrs 如this.refs.chainTaskSelect.selected.$attrs.diy

相关推荐
鱼与宇43 分钟前
前端Web(html+css+js+vue3)
前端
孙克旭_1 小时前
Docker 镜像构建|Vue+SpringBoot+Go 多语言项目 Dockerfile 案例
linux·运维·vue.js·spring boot·docker·dockerfile
雪芽蓝域zzs2 小时前
(六)打包优化 + Nginx 部署完整配置 + 项目收尾
前端·vue.js
研☆香3 小时前
聊一聊前端的常见字 关键字
开发语言·前端·javascript
东风破_3 小时前
JWT 1:从一个登录请求开始,理解 React 项目里的 API 层与 Mock
前端·后端
东风破_3 小时前
JWT 3:为什么 Token 要放进 Authorization?Axios 拦截器到底解决了什么?
前端·后端
东风破_3 小时前
JWT 5:路由守卫是什么?把整个 JWT 登录鉴权流程串起来
前端·后端
东风破_3 小时前
JWT 2:HTTP 是无状态的,为什么登录成功后还要给 Token?
前端·后端
东风破_3 小时前
JWT 4:Zustand 到底解决了什么?为什么登录状态要放进 Store?
前端·后端
IT_陈寒3 小时前
Vite动态导入差点让我秃头,原来问题出在这
前端·人工智能·后端