vue 事件绑定函数加括号和不加括号的区别

自定义事件加不加括号的区别

不加括号:

<div>
  <button @click="test">测试</button>
</div>
test(id){
  console.log(id);
}

《vue 事件绑定函数加括号和不加括号的区别》

加括号:

<div>
  <button @click="test()">测试</button>
</div>
test(id){
  console.log(id);
}

《vue 事件绑定函数加括号和不加括号的区别》

添加括号传值:

<div>
  <button @click="test('aaaaa')">测试</button>
</div>
test(id){
  console.log(id);
}

《vue 事件绑定函数加括号和不加括号的区别》 

总结:
        加与不加括号的区别在于事件对象参数 event 的处理。不加括号时,函数第一个参数为 MouseEvent,加了括号后,需要手动传入 $event 才能获得事件对象。

    原文作者:丨Sky丨夜吻
    原文地址: https://blog.csdn.net/weixin_56008510/article/details/121948791
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞