博客

碰到脑残架构师系列——

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

<el-form-item label="控制系统" :label-width="formAddLabelWidth" prop="controlSystemName ">
            <el-select  placeholder="请选择" style="width:100%" @change="onSelectedDrug($event)" v-model="addForm.controlSystemName">
              <el-option
                v-for="item in tableData"
                :key="item.id"
                :label="item.systemName"      
                :value="item.id"
              ></el-option>
            </el-select>
          </el-form-item>



//系统下拉
    onSelectedDrug(e){
      let obj = {};
      obj = this.tableData.find((item)=>{//这里的userList就是上面遍历的数据源
          return item.id === e;//筛选出匹配数据
      });
      console.log(obj.systemName);//获取的 name
      console.log(e);//获取的 id

    },

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