vue 点击事件传递多个参数_vue传事件参数

大家好，今天给大家分享的是vue传事件参数，希望大家喜欢。

在vue中传递事件参数还是比较常见的。

当然这种情况基本上是在html中标签中如何写这个问题上大家存在疑问。

那么这里我就分别举例说下。

1，标签中没有写括号的情况下

这种情况下我们如何获取事件参数呢？

那么我们的method方法这样写methods:{

dianji:function(d){

console.log(d);

}

}

我们来看下点击之后获取的结果

大家可以看到，默认在模板里面不写参数的话，会有一个默认的参数，然后这个参数就是事件参数。

2，标签中写括号没写参数的情况下

那么我们现在还是用相同的方法

现在来看下结果

大家看到没，这里是undefined，这个大家要注意下，如果写了圆括号的话，我们没有写任任何参数，就相当于我们传了一个undefined进去。

3，模板标签中写了$event 参数

然后我们的方法是methods:{

dianji:function(d){

console.log(d);

}

}

这样我们来看下结果。

4，模板标签中写了 不是 $event 参数

然后我们看下结果

提示$eve这个没有定义，所以这里我们清楚了，如果非要传参数的话，必须要使用 $event 这个参数，别的不行。

5，然后就是$event 参数的顺序

我们看结果

然后我们将上面的参数调换下顺序

我们看到 参数 只跟 传入的 $event 有关系，跟传递的顺序没有关系，而且只能传  $event 参数。

好了，今天的vue传事件参数就分享到这里，大家再见。

总结

以上是生活随笔为你收集整理的vue 点击事件传递多个参数_vue传事件参数的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。