Select 的绑定值为对象类型时用法 同时获取option选项的label和value值

value-key

<el-form-item label="所属公司" prop="compOrgNo">
<el-select v-model="comp" value-key="compOrgNo" placeholder="所属公司" @change="changeValue">
<el-option v-for="item in compList" :key="item.compOrgNo" :label="item.compName" :value="item"></el-option>
</el-select>
</el-form-item>

export default {
data() {
return {
comp: {
compName: '',
compOrgNo: ''
},
compList: [
{compName: '上海分公司',compOrgNo: 'p1'},
{compName: '深圳分公司',compOrgNo: 'p2'},
{compName: '广州分公司',compOrgNo: 'p3'}
],
},
methods: {
changeValue(value) {
console.log('value',value);
}
}

this.comp = {
compOrgNo: res.data.compOrgNo,
compName: res.data.compName

}

//self.comp.compName = res.data.data.compName;
//self.comp.compOrgNo = res.data.data.compOrgNo;