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

1、仅仅传入自定义参数

<div id="app">
  <button @click="tm(123)">ddddd</button>
</div>
new Vue({
    
    
    el:'#app',
    methods:{
    
    
      tm:function(e){
    
    
        console.log(e);
    }
  }
})

则将会输出数字123

2、仅仅传入事件对象

<div id="app">
  <button @click="tm">ddddd</button>
</div>
new Vue({
    
    
    el:'#app',
    methods:{
    
    
      tm:function(e){
    
    
        console.log(e);
    }
  }
})

则将会输入事件对象

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

<div id="app">
  <button @click="tm($event,123)">ddddd</button>
</div>
new Vue({
    
    
    el:'#app',
    methods:{
    
    
      tm:function(e,value){
    
    
        console.log(e);
        console.log(value);
    }
  }
})

则将会输入事件对象

猜你喜欢

转载自blog.csdn.net/weixin_55846296/article/details/128459768