Vue中调用函数加括号与不加括号区别

最新推荐文章于 2023-04-22 20:05:29 发布
最新推荐文章于 2023-04-22 20:05:29 发布
阅读量2.9k 收藏 2
点赞数
分类专栏： 前端 文章标签： mysql 数据库 sql
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44273302/article/details/123770270
版权

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、而条件查询的@click必须传入getList()
在这里插入图片描述
若没有加（），会传出未传参错误
在这里插入图片描述
原因如下https://blog.csdn.net/qq_41347033/article/details/104479861
不加括号时，函数第一个参数为 event，加了括号后，需要手动传入 $event 才能获得事件对象
我的理解就是vue对函数调用加了封装，如果没加（）就塞了个event对象进去，加括号则塞了默认值page=1，如果写的是getList(2)，则点击查询后跳转的一直是第二页

喜欢敲代码的Apollo
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
正则表达式(括号)、[中括号]、{大括号}的区别小结
大西瓜不甜的博客
07-01 721
正则表达式的() [] {}有不同的意思。 () 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。 (\s*)表示连续空格的字符串。 []是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。[\s*]表示空格或者*号。 {}一般用来表示匹配的长度，比如 \s{3} 表示匹配三个空格，\s{1,3}表示匹配一到三个空格。 (0-9) 匹配 '0-9′ 本身。 [0-9]* 匹配数字（注意后面有 *，可以为空）[0-9]+ 匹配数字（注意后面
vue 函数调用加括号与不加括号的区别
01-18
在维护项目中就无法使用vue等技术来操作，所以一些方法用的是原生来写的，在绑定点击方法时，方法名没加括号，就没生效，加了括号就生效了，当时有疑惑的点是在之前做vue的项目中，我记得不加括号也是完全可以的，...
Vue中事件后调用函数加括号写如参数与不加括号的区别
1 Byte 的博客
01-10 2538
Vue 对函数调用做了封装，加与不加括号的区别在于事件对象参数 event 的处理。 （1）不加括号时，函数第一个参数为 event； （2）加了括号后，需要手动传入 $event 才能获得事件对象。 ...
import时加{}与不加的区别
qq_45217161的博客
03-24 3063
语句），则必须使用花括号来指定导入的变量或函数。如果导入的模块有默认导出，则可以使用不加花括号的语法来导入整个模块对象。加上花括号：只导入模块中的指定变量或函数。需要注意的是，如果导入的模块没有默认导出（即没有。不加花括号：导入整个模块对象。在JavaScript中，使用。语句导入模块时，加上花括号。
引用模块时import后面加上花括号{}和不加花括号的区别
qq_33718889的博客
04-09 1174
假如有一个B.js，想要通过import语法引用模块A.js，那么可以这么写： // B.js import A from './A' 而上面的代码生效的前提是，只有在如下A.js中有默认导出的export default语法时才会生效。也就是： // A.js export default 42 在这种不使用{}来引用模块的情况下，import模块时的命名是随意的，即如下三种引用命名都是正确...
vue 事件绑定函数加括号和不加括号的区别
weixin_56008510的博客
12-15 3073
自定义事件加不加括号的区别 不加括号: <div> <button @click="test">测试</button> </div> test(id){ console.log(id); } 加括号: <div> <button @click="test()">测试</button> </div> test(id){ console.log(id); } 添加括号传值
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中，...
浅析Vue中method与computed的区别
08-27
在Vue实例的配置对象中，`computed` 和 `methods` 都是用来处理逻辑代码的，但它们之间存在显著的区别，正确理解这些差异有助于提升应用的性能和可维护性。 1. **计算属性（Computed）** - 计算属性`computed`用于...
Vue 调用方法要不要加括号？
雨声学java
07-01 473
Vue 调用方法要不要加括号？
引用模块时import后面加上｛｝和不加｛｝的区别
ALakers的博客
09-13 7095
1、不使用花括号 假如一个B.js，想通过import语法引用模块A.js，那么可以这么写 import A from './A' 而上面的代码生效的前提是，只有在如下A.js 中有默认导出的 export default 语法时才会生效。也就是说： // A.js export default 42 在这种不使用｛｝来引用模块的情况下，import 模块时的命名是随意的，即如下三种引用命名都是正确的： // B.js import A from './A' import MyA from './A'
import时加{}和不加{}，有什么区别？
m0_57236802的博客
04-22 1141
每个模块可以有一个默认导出，它可以是一个变量、函数或组件。当你导入默认导出时，不需要使用大括号。用于区分默认导出（default export）和命名导出（named export）。：一个模块可以有多个命名导出。当你导入命名导出时，需要使用大括号。用于区分默认导出和命名导出。当导入默认导出时，不需要使用大括号。在React中，当你从一个模块中导入变量、函数或组件时，当导入命名导出时，需要使用大括号。中，我们需要使用大括号。总之，在React中，中，我们可以直接导入。，而不需要使用大括号。
vue中事件绑定函数加括号和不加括号的区别
sinat_24918465的博客
09-19 6217
html代码 <div id="example-2"> <button @click="test">测试</button> </div> js代码 new Vue({ el: '#example-2', data(){ return { } }, methods: { test(id){ cons...
import 引用模块 使用花括号与不适用的区别
weixin_45868552的博客
11-19 335
1、引用花括号{} 不使用{}来引用模块的情况下,import的命名是随意的，会自动解析到A.js默认的export default //A.js中有一行代码为 export default A import A from 'A.js' //正确 import myA from 'A.js' //正确 import hhA from 'A.js' //正确 2、不引用花括号{} 下面代码生效的前提是，只有在模块A.js中有命名导出为A的export name的代码 // A.js import
Vue 将对象转换成字符串（去除对象中的花括号和双引号）
热门推荐
LONGYog的博客
04-28 1万+
Vue 将对象转变成字符串输出 实现效果，如图： HTML代码： <template> <div> <div style="background-color: #f4f4f4;margin:50px 0 0 460px;width:500px;height:300px;"> <p>原对象：{{ testObj }}</p> <p>改变后：{{ tempObj }}
vue中事件方法参数括号
CSDN_Alisa的博客
06-30 2925
只有方法名是代表一个函数，加上括号才代表执行这个函数。作为点击事件的回调函数，当然是要执行的。 第一种：函数btn会接收一个参数e（即鼠标事件），这是默认行为 第二种：函数btn不接收任何参数，因为调用时没有传入，如果要传入e以外的参数也可手动传入 如果btn里面用不到参数的话，两者没有区别。 一般加括号是需要传递参数，比如$event 比如 v-for里面的index等。 不加括...
关于对象内函数定义的一种方式——中括号
阿牛哥的博客
09-28 234
关于对象内函数定义的一种方式——中括号
vue双括号表达式
LuiChun
11-23 2052
// V 视图中的V 指的部分【template】 <template> <div class="title"> <h1>{{ title }}</h1> <label><input type="text" v-model="title" /></label> <h3>双括号表达式</h3> <h3>这里面可以使用方法</h3> &l
Vue.js：使用v-bind上加中括号实现动态绑定
零小唬的博客
01-11 305
Vue.js：使用v-bind上加中括号实现动态绑定
在vue中，{{}}怎么调用方法函数
最新发布
05-10
在Vue中，可以使用双括号{{}}来绑定数据，但是不能在双括号内直接调用方法函数。如果需要调用方法函数，可以使用指令v-on或@来绑定事件，然后调用方法函数。 示例代码： ``` <template> <div> <p>{{ message }}</p> <button @click="reverseMessage">反转消息</button> </div> </template> <script> export default { data() { return { message: 'Hello Vue!' } }, methods: { reverseMessage() { this.message = this.message.split('').reverse().join('') } } } </script> ``` 在上面的代码中，使用了指令@来绑定click事件，然后在方法函数reverseMessage中反转了message的值。最终在页面上点击按钮，就可以看到消息被反转的效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值