首页 > 其他分享 >element-ui中的change事件传递多个参数的方法

element-ui中的change事件传递多个参数的方法

时间:2023-07-28 15:36:01浏览次数:32  
标签:index val element ui changeEvent change

相关小例子(比如,我想要目前的选中值和index)

<el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="(item,index) in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      @change="((val)=>{changeEvent(val,index)})">
</el-option>
</el-select>

@change有时候需要除了默认值还需要其他处理值

所以可以用箭头函数来解决

@change="((val)=>{changeEvent(val,index)})"

或者可以这样写

@change="(val)=>changeEvent(val,index)"

 

标签:index,val,element,ui,changeEvent,change
From: https://www.cnblogs.com/chr506029589/p/17587706.html

相关文章

  • ElementUI 扩展
    学习目录Vue.js基础:在学习ElementUI之前,你需要先掌握Vue.js的基础知识,包括Vue.js的核心概念、指令、组件等。ElementUI组件:ElementUI包含很多常用的UI组件,如按钮、表单、表格、弹窗等,你需要针对每个组件进行深入的学习,了解组件的使用方法、属性、事件等。ElementUI主题......
  • zabbixn 源码中 ui / frontends 文件夹下的代码文件负责的是哪方面的职责
    ui/frontends代码的职责通过下载源码查看,可以看到在zabbix-4.X中前端代码在frontends目录下,zabbix-6.X在ui目录下,虽然换了个马甲,但里面都是一些php文件。在Zabbix源码中,ui/frontends文件夹下的代码文件负责处理与用户界面(UI)相关的职责。这些文件包含了Zabbix前端......
  • Unity UGUI的Physics2DRaycaster (2D物理射线检测)组件的介绍及使用
    UnityUGUI的Physics2DRaycaster(2D物理射线检测)组件的介绍及使用一、什么是Physics2DRaycaster组件?Physics2DRaycaster是Unity中的一个UGUI组件,用于在2D场景中进行物理射线检测。它可以检测鼠标或触摸事件在UI元素上的碰撞,并将事件传递给相应的UI元素。二、Physics2DRaycaste......
  • Unity UGUI的PhysicsRaycaster (物理射线检测)组件的介绍及使用
    UnityUGUI的PhysicsRaycaster(物理射线检测)组件的介绍及使用1.什么是PhysicsRaycaster组件?PhysicsRaycaster是UnityUGUI中的一个组件,用于在UI元素上进行物理射线检测。它可以检测鼠标或触摸事件是否发生在UI元素上,并将事件传递给相应的UI元素。2.PhysicsRaycaster的工作......
  • 瓴羊Quick BI提供企业数据分析免费试用,助力企业转型
    瓴羊QuickBI是阿里云旗下专为企业打造的商业智能工具,能够帮助企业快速、全面处理、分析日常经营产生的数据,对这些数据按照企业用户需求进行实时处理,便于企业用户决策,为企业发展赢得先机。信息时代下信息技术全面发展,数据改变企业发展生态不再遥远,越来越多的企业尝试使用瓴羊Quick......
  • (保姆级图文)如何使用PowerShell连接Exchange Online
    直接开始菜单->所有程序-> WindowsPowerShell->WindowsPowerShell 然后右键使用管理员权限打开打开后窗口如下#连接ExchangeOnlinePowerShell#为了使从Internet下载的所有PowerShell脚本能够由受信任的发布者签名,#请在提升的PowerShell窗口(通过选择“以......
  • element-ui - $prompt非空验证
    <template><div><el-buttontype="primary"@click="click">查询</el-button></div></template><script>exportdefault{data(){return{}},methods:{click()......
  • python教程 入门学习笔记 第2天 第一个python程序 代码规范 用默认的IDLE (Python GUI
    四、第一个python程序1、用默认的IDLE(PythonGUI)编辑器编写2、在新建文件中写代码,在初始窗口中编译运行3、写完后保存为以.py扩展名的文件4、按F5键执行,在初始窗口观看运行结果5、代码规范:1)先保存再执行2)一句代码单独占一行3)语法中的符号,必须使用英文4)代码前面不能有......
  • vue-elementAdmin项目打包后白屏的问题
    Vue项目打包后出现白屏的可能原因有很多1.可能的思路和解决方案:1.确认静态资源路径是否正确。  在Vue项目中,打包后会生成一个dist目录,确保index.html引用的资源路径都是相对于dist目录的。2.确认路由是否正确配置。  如果打包后出现了白屏,可能是因为路由没......
  • hbuilder 运行项目一直在编译中
    解决:1.修改了hbuilder文件夹所在的位置不能有特殊符号2.重新装了node以上都不行卸载,重新装了回退几个版本的,然后按照官方提示的操作步骤进行解压安装,下载历史版本https://hx.dcloud.net.cn/Tutorial/HistoryVersion解压的时候按照它的要求解压到当前文件夹(之前我解压的......