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)
- }