vue methods中的函数调用时带括号与不带括号的区别

@click='getList(id)',但是为什么有时候明明没有传参的需要,却要加上()呢? 百思不得其解,于是去查阅了相关的资料,意思就是,当不加括号直接调用这个函数是可以直接获取到这个事件对象的,加了()要想获取这个事件对象就要手动的加$event ,具体的实现是这样的:

首先是不加括号的示范

(在html 中调用)

vue methods中的函数调用时带括号与不带括号的区别

定义

vue methods中的函数调用时带括号与不带括号的区别

然后在控制台中打印的结果是

vue methods中的函数调用时带括号与不带括号的区别

就是说它这样是可以直接获取到这个事件对象的,

而另外一种情况加括号

vue methods中的函数调用时带括号与不带括号的区别

然鹅打印的时候,你会发现是undefined ....

vue methods中的函数调用时带括号与不带括号的区别

所以,此时你加了(),而又要获取这个事件对象的话,你就要手动加上$event,

vue methods中的函数调用时带括号与不带括号的区别

像这样,你同样的能获取到

vue methods中的函数调用时带括号与不带括号的区别

 

 

 还有另外一种情况就是,你需要传参

vue methods中的函数调用时带括号与不带括号的区别

 

 结果就是

vue methods中的函数调用时带括号与不带括号的区别

 

 

 

 

 

 

 

结果是

上一篇:python全栈开发从入门到放弃之socket并发编程多线程


下一篇:Vue 学习总结笔记 (二)