如何在vue事件中获取事件对象
在vue2.0中,获取事件对象有三种方式:第一种:$event关键字<button @click="fn($event,100)">fn</button>这里的$event是从哪里来的,非得写这个名字吗?只需要绕道背后看看它对应生成的render函数是什么样子就知道了,我列出了关键代码如下_createElementVNode("button", {onClick: $ev
·
在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>
更多推荐
已为社区贡献1条内容
所有评论(0)