el-select @change事件获取整个对象

<el-form-item label="使用人" prop="useBy">
  <el-select ref="useByRef" v-model="form.useBy" filterable placeholder="请输入员工名称"  style="width: 100%"
             no-match-text="请输入员工名称">
    <el-option
      v-for="item in userList"
      :key="item.userId"
      :label="item.nickName"
      :value="item.userId"
      @click.native="getCorpAndDept(item)">
      <div>{{ item.nickName + ' ' + item.dept.deptName}}</div>
    </el-option>
  </el-select>
</el-form-item>
 
 
 
getCorpAndDept(val) {
    this.form.corpDept = '';
    this.useCorpName = '';
    this.form.useDept = val.deptId;
    this.useDeptName = val.dept.deptName;
},

使用@click.native="getCorpAndDept(item)"  给el-option绑定原生事件，获取整个对象，这样不影响el-select的v-model值；如果使用value-key，会导致v-model也是对象，处理更加麻烦。

方式二：使用value-key

 

来源：el-select @change事件获取整个对象_el select change怎么获取整条对象-CSDN博客