vue之html函数去除小括号但是该函数有参数该参数从哪里来

91 阅读1分钟

vue中的默认事件

当方法中需要参数而在html文档中省略了小写括号,vue会自动获取浏览器当前事件传入方法中作为参数。

   html:
   
   <button @click="butClick"></button>
  
   //获取点击事件
   <button @click="butClick1('abc',$event)">
   
   js:
   
   butClick(event){
     console.log(event)
   }
   
   butClick(abc,event){
    console.log(abc,event)
   }
   

在上诉代码中,vue会将浏览器产生的默认事件传给butClick(event)作为参数 4a04dbbc45e013ff6814e2adeee9e16.png 上图为函数输出的结果。

在上述的butClick1()函数中,vue使用$event来获取浏览器的默认事件