<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博客
标签:el,val,对象,item,select,change From: https://www.cnblogs.com/brillant/p/18157924