vue同时传入自定义参数和事件对象

vue一般传参就是直接在方法里面加参数就好了，例如： @click="zidingyi(123)"

传事件对象的话， 就直接方法名，例如： @click="shijian"， 但是不可以 @click="shijian()",   如果写了括号，再 console.log(e);  结果就是 undefined

然后，传事件对象的时候，@click="all($event, 123)" ， 直接再方法里面，$event 就好了

html

<view @click="zidingyi(123)">仅仅传入自定义参数</view>
<view @click="shijian">仅仅传入事件对象</view>
<!-- 如果想要传入事件对象，这里是不可以带括号的，带括号就要往括号里加参数像这样 shijian($event)，如果括号里是空的，那打印会报错 -->
<view @click="all($event, 123)">同时传入自定义参数和事件对象</view>

js

zidingyi: function(value) {
  console.log(value);
  // 打印出123
},
shijian: function(e) {
  console.log(e);
  //打印出事件对象
},
all: function(e, value) {
  console.log(e);
  //打印出事件对象
  console.log(value);
  //打印出123
},

 

参考文章 大佬的笔记