vue 绑定事件v-on如何传递参数的同时还可以拿到事件对象

715 阅读1分钟

v-on 事件绑定 v-on:事件名 处理函数写在实例里的methods里面

在事件中 处理函数默认参数是实践对象

在事件里传递参数 就没有事件对象 如果需要通过 $event 手动传递

$event 在vue中表示事件对象 看下边代码

//单单只绑定事件的话,事件对应的方法默认可以那到事件对象
 <button v-on:click='toggle'>toggle</button>
 //e就是事件对象
         toggle(e){
                    console.log('点到我了',e)
                }
//如果即要传递参数,又想拿到事件对象 需要通过$event 手动传递
 <button v-on:click='toggle(1,2,$event)'>toggle</button>
 
     toggle(num1,num2,e){
           console.log('点到我了',num1,num2,e)
     }