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