Vue中事件后调用函数加括号写如参数与不加括号的区别

已于 2023-04-09 21:31:05 修改
阅读量2.5k 收藏 4
点赞数 1
分类专栏： 前端 文章标签： Vue函数调用
于 2020-01-10 14:13:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40436854/article/details/103923544
版权

Vue 对函数调用做了封装，加与不加括号的区别在于事件对象参数 event 的处理。

（1）不加括号时，函数第一个参数为 event；

（2）加了括号后，需要手动传入 $event 才能获得事件对象。

1 Byte
关注
专栏目录
vue中组件的自定义事件（详）
蜗牛~~
11-01 1万+
今天这篇文章，让你彻底学会组件自定义事件…… 我们在vue中用的click、keyup……等事件，这些属于内置事件，也就是js自带的事件。 问题一：什么是组件自定义事件呢？ 自定义事件，顾名思义就是自己打造的事件，包含事件名，事件回调等，定义好之后去给组件使用。而内置事件是给html元素用的，比如span、div等标签，不是组件。 也是一种组件间的通信方式，适用于子组件==>父组件。这里我们通过传值去讲述自定义事件如何使用。 问题二：如何实现子组件给父组件传值？ （1）复习一下props父
浅析Vue中method与computed的区别
08-27
- 方法`methods`是定义一组可调用的函数，它们可以在模板中通过`{{ method() }}`或事件处理器中调用。 - 在示例中，`methodMessage`就是一个方法，每次调用时都会执行其中的代码，即使没有数据变化，它也会运行。 ...
Vue中调用函数加括号与不加括号区别
Apollo的博客
03-27 2974
https://blog.csdn.net/qq_40436854/article/details/103923544 https://www.jianshu.com/p/f35a9848dd22 在做项目的时候，引入了element-ui的分页功能 发现了问题 1、getList方法定义：page=1相当于不传参时page默认为1 2、以下方法不能加（），不加括号页数可以依靠前端组件传入，若写为getList()，则无论前端点多少页，始终维持在第一页。若写为getList(2)，则始终保持在第二页 3
VUE调用方法 加不加括号 有什么区别
weixin_44490057的博客
05-09 948
@click=“fun” 不带括号、不写实参的fun默认传event (事件对象) @click=“fun(value)” 只要加括号，无论是否传值，都属于传实参给函数，event (事件对象)就接收不到。 如果需要实参、又需要event (事件对象)，就需要手动传入 event (事件对象)，如下： @click=“fun($event, value)” 注： Vue中的@click和React中的onClick实现原理是不一样的，React onClick必须接收一个函数体，如果加括号绑定，就会将.
vue中点击事件click加括号和不加括号的区别
最新发布
m0_65069237的博客
09-23 1584
使用@click="comfors"会在点击事件触发时执行方法，而使用@click="comfors()"会在组件渲染时就执行方法并将其返回值绑定到点击事件上。总结：comfors与comfors（）的区别主要是对事件对象参数event的处理，当comfors（）必须手动写参数$event才能获取事件对象，而comfors默认第一个参数对象是MouseEvent。2. @click="comfors()"：这是在点击事件上调用方法的语法，当元素被点击时，会立即执行comfors方法。
Vue -- 关于函数调用时加不加括号的问题
天行健 君子以自强不息，地势坤 君子以厚德载物。
09-12 2759
1. 关于函数调用时加不加括号的问题 1.1 函数不传参: 1.1.1 调用时不加() 如果函数不传参，推荐不加括号，示例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>事件的基本使用</title> <!-- 引入Vue --> <script type="text/javascript" src="../js/vue.js
vue中事件绑定函数加括号和不加括号的区别
weixin_43825727的博客
06-29 518
不加括号： 查看结果： 加括号 查看结果 这个undefined才是id的值，被这个地方也是坑了很久，平常也是没注意，因为需要在方法的内容拿这个id去判断某些逻辑 总结 加与不加括号的区别在于事件对象参数 event 的处理。不加括号时，函数第一个参数为 event，加了括号后，需要手动传入 $event 才能获得事件对象。 ...
vue 函数调用加括号与不加括号的区别
01-18
在维护项目中就无法使用vue等技术来操作，所以一些方法用的是原生来写的，在绑定点击方法时，方法名没加括号，就没生效，加了括号就生效了，当时有疑惑的点是在之前做vue的项目中，我记得不加括号也是完全可以的，...
vue双花括号的使用方法 附练习题
12-29
本文实例为大家分享了vue双花括号的具体代码，供大家参考，具体内容如下 <!doctype html> <html> <head> <meta charset=UTF-8> <title>{{}}的使用</title> [removed][removed...
浅谈Vue中render中的h箭头函数
10-16
在这篇浅谈Vue中render中的h箭头函数的文章中，将详细介绍render函数以及如何使用h箭头函数来简化.createElement方法的调用。 在深入介绍h箭头函数之前，首先需要了解createElement函数的作用。在Vue中，...
3/15 Vue事件绑定加括号与不加括号的区别？
小柒的前端之旅
03-15 1099
前面的话 每日一练，不打烊！！！ 今天问一个小问题：Vue事件绑定加括号与不加括号的区别？ 解答 不加括号： 结果打印出了MouseEvent： 加括号： 此时打印undefined： 如果想要打印MouseEvent，括号中必须传$event： 总结： 加不加括号，其实就是是否默认传事件对象 event 。不加括号时，函数第一个参数为 event，加了括号后，需要手动传入...
vue 事件绑定函数加括号和不加括号的区别
weixin_56008510的博客
12-15 3118
自定义事件加不加括号的区别 不加括号: <div> <button @click="test">测试</button> </div> test(id){ console.log(id); } 加括号: <div> <button @click="test()">测试</button> </div> test(id){ console.log(id); } 添加括号传值
Vue 调用方法要不要加括号？
雨声学java
07-01 489
Vue 调用方法要不要加括号？
vue当中绑定回调函数的时候添加括号和不添加括号的区别
动感超人的博客
09-01 730
相不添加括号 @click = “handleClick” 会默认传入一个event参数。添加括号 @click = “handleClick()” 则不会传入参数。我们书写下代码(很简单的代码,对比输出不同而已)
Vue中绑定事件时调用函数加括号和参数与不加括号的区别
Youthenen的博客
02-22 1098
这是我定义的chanDialogVisible函数。 const chanDialogVisible = (row) => { console.log(row) if (isNull(row)) { dialogTitle.value = '添加用户' dialogTable.value = {} } else { dialogTitle.value = '编辑用户' dialogTable.value = JSON.parse(JSON.stringi.
浅谈vue组件的注册与传参
CS_DGD的博客
05-04 529
组件的注册 粗略地说，一个vue的组件是由一堆标签所组成的 细致一些的话，除了标签，组件也有属于自己的东西，比如说：数据、方法 在此之前，我们需要知道，组件分为两种 根组件：通过new Vue() 来创建的 通常应用中只有一个，特殊情况可以有两个或多个 可复用性组件：通过Vue.component()来创建，分为 全局/局部组件 根组件其实就是我们实例化的vue let app = new V...
vue中事件方法参数括号
CSDN_Alisa的博客
06-30 2944
只有方法名是代表一个函数，加上括号才代表执行这个函数。作为点击事件的回调函数，当然是要执行的。 第一种：函数btn会接收一个参数e（即鼠标事件），这是默认行为 第二种：函数btn不接收任何参数，因为调用时没有传入，如果要传入e以外的参数也可手动传入 如果btn里面用不到参数的话，两者没有区别。 一般加括号是需要传递参数，比如$event 比如 v-for里面的index等。 不加括...
vue中事件绑定加括号和不加括号的区别
meteorites的博客
07-02 5712
vue中事件绑定加括号和不加括号的区别 @click=“fun” 不带括号、不写实参的fun默认传event (事件对象) @click=“fun(value)” 只要加括号，无论是否传值，都属于传实参给函数，event (事件对象)就接收不到。 如果需要实参、又需要event (事件对象)，就需要手动传入 event (事件对象)，如下： @click=“fun($event, value)” 注： Vue中的@click和React中的onClick实现原理是不一样的，React onClick必须接收
自定义指令中的钩子函数...
m0_60237095的博客
07-27 2397
一个指令定义对象可以提供如下几个钩子函数 (均为可选)： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时调用 (仅保证父节点存在，但不一定已被插入文档中)。 update：所在组件的 VNode 更新时调用，但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变，也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。 我们会在稍后讨论渲染函数时介绍更
Vue易忽视知识点：箭头函数、动态指令参数与template方法应用
从Vue 2.6.0开始，可以使用方括号[]来传递JavaScript表达式作为指令参数，如`v-on:[event]="doSomething"`。这种灵活性允许根据条件动态改变绑定的事件类型。例如，通过`event='focus'`，我们可以让一个按钮改变输入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值