1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > vue click点击事件传入事件对象 自定义参数

vue click点击事件传入事件对象 自定义参数

时间:2024-08-11 03:47:37

相关推荐

vue click点击事件传入事件对象 自定义参数

函数调用不传参数,函数不接收参数

<div id="app"><button v-on:click="fun">Say hi</button></div><script>new Vue({el: '#app',methods: {fun: function () {console.log(event)}}})</script>

函数调用不传参数、函数不接收参数

在函数中直接使用event,可以获得事件对象,必须写成event,不然获取不到事件对象(不能写成e)

输出结果如下图

函数调用不传参数,函数接收参数

<div id="app"><button v-on:click="fun">Say hi</button></div><script>new Vue({el: '#app',methods: {fun: function (ev) {console.log(ev)}}})</script>

函数调用不传参数、函数接受一个参数

接受的参数为事件对象,输出结果如下图

函数调用传自定义参数,不传事件对象

<div id="app"><button v-on:click="fun(1, 2, 3)">Say hi</button></div><script>new Vue({el: '#app',methods: {fun: function (one, two, three) {console.log(one, two, three, event)}}})</script>

one two three 接受 1 2 3,event表示点击事件对象(只能是event,不能写成e)

函数调用传自定义参数,传事件对象

<div id="app"><button v-on:click="fun(1, 2, 3, $event)">Say hi</button></div><script>new Vue({el: '#app',methods: {fun: function (one, two, three, e) {console.log(one, two, three, e)}}})</script>

函数调用传参时:$event表示事件对象

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。