<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也是对象,处理更加麻烦。