vue基于elementUI下拉Select同时获取value和label的值

时间:2024-10-07 07:18:33

碰到脑残架构师系列——

Select通过接口获取列表tableData,选择onSelectedDrug 后获取参数:id直接获取 但 name 需要多加个匹配 

  1. <el-form-item label="控制系统" :label-width="formAddLabelWidth" prop="controlSystemName ">
  2. <el-select placeholder="请选择" style="width:100%" @change="onSelectedDrug($event)" v-model="">
  3. <el-option
  4. v-for="item in tableData"
  5. :key=""
  6. :label=""
  7. :value=""
  8. ></el-option>
  9. </el-select>
  10. </el-form-item>
  11. //系统下拉
  12. onSelectedDrug(e){
  13. let obj = {};
  14. obj = ((item)=>{//这里的userList就是上面遍历的数据源
  15. return === e;//筛选出匹配数据
  16. });
  17. ();//获取的 name
  18. (e);//获取的 id
  19. },

PS:正常情况都会只传id  后端即可匹配到对应数据,碰到一个奇葩架构师...前端无非多写个匹配,但是这一下三个都要还是必传字段,问后端说只id就行可这架构师写的接口还是三个name都是必传的......