关于如何同时获取option选项的label和value值。如果 Select 的绑定值为对象类型,请务必指定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;
第二种方法赋值成功,但是不会反显,不知道什么原因。