el-select同时获取label和value值

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xiongdaandxiaomi/article/details/85130968

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;
         //筛选出匹配数据，是对应数据的整个对象
     });
     }