
vue同时传入自定义参数和事件对象
发布日期:2021-05-13 21:12:01
浏览次数:21
分类:精选文章
本文共 615 字,大约阅读时间需要 2 分钟。
Vue事件处理参数传递详解
自定义参数传递
在Vue中,当事件中需要传递额外的自定义参数时,最直接的方法是直接在方法名后面添加参数。
@click="zidingyi(123)"
这样可以实现只传递自定义参数,而不可传递事件对象,具体示例如下:
事件对象传递
如果需要传递事件对象本身,可以直接在方法名中使用$event变量。
@click="shijian"
这样可以实现仅传递事件对象,具体示例如下:
同时传递事件对象和自定义参数
如果需要同时传递事件对象和自定义参数,可以在方法名中同时使用$event和自定义参数。
all($event, 123)
具体示例如下:
view @click="all($event, 123)"
注意事项
· 请注意,如果在事件处理方法中传递自定义参数时,若不需要使用事件对象,可以省略$event参数;
· 如果需要同时使用事件对象和自定义参数,请确保在方法中明确声明接收这两个参数。
发表评论
最新留言
很好
[***.229.124.182]2025年04月13日 20时22分31秒
关于作者

喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
缓冲区溢出实例(一)--Windows
2019-03-06
Python中字符串前添加r ,b, u, f前缀的含义
2019-03-06
Hadoop学习笔记—Yarn
2019-03-06
JSONPath小试牛刀之Snack3
2019-03-06
Jenkins - 部署在Tomcat容器里的Jenkins,提示“反向代理设置有误”
2019-03-06
wxWidgets源码分析(3) - 消息映射表
2019-03-06
wxWidgets源码分析(5) - 窗口管理
2019-03-06
wxWidgets源码分析(7) - 窗口尺寸
2019-03-06
wxWidgets源码分析(8) - MVC架构
2019-03-06
wxWidgets源码分析(9) - wxString
2019-03-06
Mybatis Generator最完整配置详解
2019-03-06
[白话解析] 深入浅出熵的概念 & 决策树之ID3算法
2019-03-06
[梁山好汉说IT] 梁山好汉和抢劫银行
2019-03-06
[源码解析] 消息队列 Kombu 之 基本架构
2019-03-06
[源码分析] 消息队列 Kombu 之 启动过程
2019-03-06
[源码分析] 消息队列 Kombu 之 Consumer
2019-03-06
抉择之苦
2019-03-06
wx.NET CLI wrapper for wxWidgets
2019-03-06
ASP.NET MVC Action Filters
2019-03-06