el-select同时获取label和value值
html

 <el-form-item label="姓名" prop="oilPrice" >
    <el-select v-model="insertSheduleTab.chargingWorkName" clearable filterable placeholder="请选择人员" @change="selectWorkName()">
        <el-option
        v-for="item in chargingWorkNameList"
        :key="item.chargingWorkId"
        :label="item.chargingWorkName"
        :value="item.chargingWorkId" >
        </el-option>
    </el-select>
</el-form-item>

method

  selectWorkName(id){
    console.log("select中对应value值",id)
     let selectedWorkName = {};
     selectedWorkName = this.chargingWorkNameList.find((item)=>{//这里的chargingWorkNameList就是上面遍历的数据源
         return item.chargingWorkId === id;
         //筛选出匹配数据,是对应数据的整个对象
     });
     }

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-07
  • 2022-12-23
猜你喜欢
  • 2021-12-29
  • 2021-12-21
  • 2021-09-04
  • 2023-02-23
  • 1970-01-01
  • 2022-12-23
相关资源
相似解决方案