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