首页 > 其他分享 >el-select @change事件获取整个对象

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

时间:2024-04-25 16:12:24浏览次数:24  
标签:el val 对象 item 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博客

标签:el,val,对象,item,select,change
From: https://www.cnblogs.com/brillant/p/18157924

相关文章

  • guava-SmoothRateLimiter代码
     //定义为volatile变量privatevolatileObjectmutexDoNotUseDirectly;//已存储许可证数量doublestoredPermits;//最大许可证数量doublemaxPermits;//间隔时间doublestableIntervalMicros;//上一次获取许可证时间戳privatelong......
  • MySQL - [13] binlog、redolog、undolog、delaylog
    题记部分 binlog    redolog      undolog  3.1、什么是undo log事务是需要保证原子性的,也就是说,事务中的操作要么全部完成,要么什么也不做。但有如下情况,会造成事务执行不完。①事务执行过程中可能遇到各种错误,比如:代码bug出现异常。②......
  • Excel 表格一个单元格里有多个内容怎么分开,讲解最强操作和公式
    一个表格里单元格包含了多个内容,要怎么分开?一些表格使用者在录入数据时,为方便录入会将多个内容输入到一个单元格中,所以这是一个很普遍的数据处理场景。下面作者会讲解两个解题方法,第一个功能设置操作,第二个是专用函数公式,来快速执行单元格内的多个内容的拆分。......
  • Excel 怎么统计相同项的个数
    excel统计相同项个数的方法:首先选择需要进行统计结果的单元格,并输入统计函数;然后在括号内输入需要统计的范围,再输入需要统计的项;最后设置好参数,并按下回车键。本文操作环境:Windows7系统,MicrosoftOfficeExcel2010版本,DellG3电脑。excel统计相同项个数的方法:1、用excel将我们......
  • HCDG天津站精彩回顾 | AI高效开发, ModelArts技术动手工作坊
    4月20日,HCDG城市行·天津站——“极快至简灵活部署”我想象中的AI高效开发ModelArts技术工作坊圆满举办。活动特邀来自华为云DTSE、华为云云享专家、以及天津软件技术协会的伙伴企业专家们为与会开发者带来一场别开生面的技术交流及动手实践活动。活动伊始,天津市软件行业协会技......
  • 多个excel文件合并成一个
    https://blog.csdn.net/yswKnight/article/details/112861212'功能:把多个excel工作簿的第一个sheet工作表合并到一个excel工作簿的多个sheet工作表,新工作表的名称等于原工作簿的名称SubBooks2Sheets()'定义对话框变量DimfdAsFileDialogSetfd=Application.......
  • spark standalone同时运行pyspark和spark-shell
    需要限制资源数量,使用spark.cores.max或--total-executor-cores来指定最大核数。假设集群一共4c5.6gpyspark(使用2c2g)frompyspark.sqlimportSparkSessionspark=SparkSession.builder\.master("spark://worker1:7077")\.appName("pysparkApp")\.......
  • ansible相比shell脚本自动化有什么优势
    Ansible自动化与Shell脚本自动化相比,具有以下几个显著的优势:轻量级与无需代理:Ansible的一个关键优势在于其轻量级和无需在被控制服务器上安装任何代理或客户端的特点。这极大地简化了部署和维护的流程,降低了复杂性和出错的可能性。而Shell脚本通常需要在每台服务器上单独执行,这......
  • excel 用VBA循环打印数据
    SubPrintData()DimwsAsWorksheetSetws=ThisWorkbook.Sheets("Sheet1")'修改为你的工作表名DimrngAsRangeSetrng=ws.Range("A1:D10")'修改为你的数据区域DimcellAsRangeDimiAsIntegerAp......
  • cf 1601B Frog Traveler Codeforces Round 751 (Div. 1)
     Problem-1601B-Codeforces BFS然后每次上升可以的范围是一个区间,然后每次都遍历这个区间的所有点,那么超时。用set等方式,合并这些区间,之前没遍历过的范围才更新(加入BFS需要遍历的队列里)。但是区间的更新特别容易写错…… 我的代码和造数据1/**2记录两个vi......