欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-15 14:31:04
...

仅仅传入自定义参数

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);
    }
  }
})

原文地址:https://blog.csdn.net/little_kid_pea/article/details/89736282