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)
}
作者 铁血 汉子 2021年7月13日
2024/11/21/06:22:45pm 2021/7/13/6:37:19
0 4698