1.场景描述

通过select选择的目标中有多个属性要拿出,此时需要给v-model指定某一个属性用于回显,list结构如下

  1. list:[{id:1,name'a',age:12},{id:2,name:'b',age:15}],
  2. form:{
  3. name:''
  4. }

2.模板部分
给value绑定item,然后v-mode部分指定value-key

  1. <el-select placeholder="请选择" v-model="form.name" value-key="name" @change="change">
  2. <el-option v-for="item in list" :key="item.id" :label="item.name" :value="item"></el-option>
  3. </el-select>

3.绑定change事件

  1. change(e){
  2. console.log('e=',e)
  3. }
作者 铁血 汉子 2021年7月13日
2025/05/09/11:17:44am 2021/7/13/6:37:19
0 4935