如何在vue事件中获取事件对象

在vue2.0中,获取事件对象有三种方式:
第一种:$event关键字

<button @click="fn($event,100)">fn</button>

这里的$event是从哪里来的,非得写这个名字吗?

只需要绕道背后看看它对应生成的render函数是什么样子就知道了,我列出了关键代码如下

_createElementVNode("button", {
  onClick: $event => (_ctx.f2(100,$event))
},..)

在生成render函数时,如果是函数调用格式,则自动封装一层:
可以在:https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.js中搜索关键字找到这句代码
在这里插入图片描述
第二种,封装函数

当然,也可以使用如下的方式去获取事件对象

<button @click="(e)=>{fn(e,100)}">fn</button>

第三种,只写函数名

当然,也可以使用如下的方式去获取事件对象

<button @click="fn">fn</button>
  • 13
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值