1.场景描述
通过select选择的目标中有多个属性要拿出,此时需要给v-model指定某一个属性用于回显,list结构如下
list:[{id:1,name'a',age:12},{id:2,name:'b',age:15}],
form:{
name:''
}
2.模板部分
给value绑定item,然后v-mode部分指定value-key
<el-select placeholder="请选择" v-model="form.name" value-key="name" @change="change">
<el-option v-for="item in list" :key="item.id" :label="item.name" :value="item"></el-option>
</el-select>
3.绑定change事件
change(e){
console.log('e=',e)
}
