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

最新推荐文章于 2025-06-15 11:07:29 发布

马优晨

最新推荐文章于 2025-06-15 11:07:29 发布

阅读量8.4w

点赞数 21

分类专栏： vue 文章标签： vue click同时传入事件对象和自定义参数 vue click同时传入事件对象和参数 vue click同时传入e和自定义参数 vue click同时传入e和其他参数 vue click传入事件对象和其他参数

91 篇文章

订阅专栏

本文详细介绍了在Vue.js中如何处理事件，包括仅传递自定义参数、仅传递事件对象以及同时传递事件对象和自定义参数的方法。通过具体的HTML和JS代码示例，展示了不同场景下事件处理函数的调用方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML

<div id="app">
  <button @click="tm(123)">ddddd</button>
</div>

JS代码

new Vue({
    el:'#app',
  methods:{
      tm:function(e){
        console.log(e);
    }
  }
})

HTML

<div id="app">
  <button @click="tm">ddddd</button>
</div>

JS代码

new Vue({
    el:'#app',
  methods:{
      tm:function(e){
        console.log(e);
    }
  }
})

HTML

<div id="app">
  <button @click="tm($event,123)">ddddd</button>
</div>

JS代码

new Vue({
    el:'#app',
  methods:{
      tm:function(e,value){
        console.log(e);
        console.log(value);
    }
  }
})