vue @click 绑定的函数，如何同时传入事件对象和自定义参数

程序员文章站 2022-06-07 14:15:08

...

html :

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

js :

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

则将会输出数字123

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

则将会输入事件对象

参考链接：

vue @click 绑定的函数，同时传入事件对象和自定义参数