前端for循环中嵌套函数的传参问题

最新推荐文章于 2022-08-02 19:36:25 发布
最新推荐文章于 2022-08-02 19:36:25 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： 前端 文章标签： for循环 click事件传参 闭包中方法传参
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44085663/article/details/85272921
版权

最近写前端遇到一个很费解的问题，在for循环中遍历id集合，并对每一个id添加点击事件发送请求，正常的思路应该是这样的：

但是打开开发者工具发现循环中的reportId并没有按照循环规则传递到click事件中，具体解决如下：

这里还要注意click事件传递参数和获取参数的问题，参数是保存在event的data中的，取得时候event.data.参数名

追蜗牛的小王八
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js for循环给点击事件传参i
breakCSDN的博客
11-21 883
想法：想将外面的i传到onclick事件中去 一开始的错误做法： <script type="text/javascript"> //得到class为a的标签list数组 var zujian = document.getElementsByClassName("a"); //遍历 for (var i = 0 ; i < zujian.length ; i++) { alert(i); //zujian[i].onclick = function(i){
小白记录一下自己学习过程中遇到的for循环异步传参问题以及解决方法
qq_41521457的博客
07-22 450
在解决问题之前，首先给大家解释一下全局变量和局部变量的概念 什么是全局变量？什么是局部变量 我自己的理解是：        1、全局变量：在一个script标签中或者js文件中声明了一个全局变量，在整个script或者整个文件中都能调用这个变量        2、局部变量：就是声明之后只能在某个函数作用域内使用不能在超出函数作用域范围内使用 那局部变量和全局变量该怎么声明呢？ var...
前端笔记61——循环嵌套
裕博的博客
01-09 419
前言 前面有学到for循环、while循环、do…while循环，这里分享一下在开发中会遇到的循环嵌套循环，主要以for循环为例子。 例子1 在网页中，打印上面出现的1-5形式。代码如下： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/tit..
rust+wasm写前端真香之嵌套与循环
github_35614077的博客
07-21 537
sealer是阿里巴巴开源的基于kuberentes的集群镜像开源技术，可以把整个集群整体打包。 Sealer Cloud可以在线化帮助用户进行集群打包分享和运行，Sealer cloud前后端也使用了非常先进的 rust+wasm技术实现，本短文接上一篇继续讲一些代码结构，嵌套以及列表循环相关内容，让我们看下 rust有多优雅。 代码结构 sealer源码 里面直接有具体的代码供参考。 当然有兴趣的同学可以参与到项目开发中来。 . ├── components │ ├── footer.rs │ ...
JS之for循环嵌套
GothaM24的博客
01-06 801
假设有这样的一组数据（请求返回的数据） let items = [ {id: 0, name: '老许', url: '..1'}, {id: 1, name: '灵均', url: '..1'}, {id: 2, name: '秀芝', url: '..1'}, {id: 3, name: '郭pia子', url: '..1'}, {id: 4, name: '许灵均', ...
详解JavaScript for循环中发送AJAX请求问题
11-23
首先说，出现这个问题的场景是很少见的，因为有太多更好解决方法。今天搞ajax的时候，一个有趣的地方，，每个迭代中都要发送一个get请求，因为迭代的速度太快，一个请求还没有完成就进行下一个迭代，在chrome和ff上...
基于vue v-for 多层循环嵌套获取行数的方法
10-17
今天小编就为大家分享一篇基于vue v-for 多层循环嵌套获取行数的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue的 v-for 循环中图片加载路径问题
10-18
本文将深入探讨如何解决Vue的`v-for`循环中图片加载路径的问题。 首先，我们需要理解问题的背景。在一个实际项目中，产品需求要求图片与名称一一对应，但由于没有专门的图片服务器，图片被存储在前端。在这种情况下...
Thinkphp中数据按分类嵌套循环实现方法
01-21
本文实例讲述了Thinkphp中数据按分类嵌套循环实现方法。分享给大家供大家参考。具体实现方法如下： 做thinkphp时要用到循环里面嵌套循环的，并第二个循环是和外面的有关联的。 thinkphp官网给出的文档为： 复制代码 ...
asp中for循环的使用方法
09-04
在ASP中，`For...Next`循环是一种常用的控制流结构，用于重复执行一段代码块直到达到预设条件。以下是对ASP中`For...Next`循环的详细解释： 1. **循环的基本概念** 循环是一种程序设计技术，它允许我们重复执行一...
嵌套循环、常用内置对象
m0_68618659的博客
08-02 181
for循环的嵌套。1、嵌套for 循环语法结构：for(外层初始化变量;外层的条件表达式;外层的更新表达式) {for(里层的初始化变量;里层的条件表达式;里层的操作表达式) {// 执行语句}}案例：// 2.输出1-100之间的所有偶数i < 101;i++) {= 0) {}/* break语句和continue语句的区别：break语句跳出整个循环，循环不在继续continue语句跳出本次循环，继续执行下一次循环，直到循环结束4的因数：1、2、4、...
js为数组的每一个对象添加新属性，遍历数组，前端重要功能
热门推荐
gjylalaland的博客
06-17 1万+
前端重要功能，js遍历数组，为数组的每一个对象添加/修改属性
for循环中嵌套函数，执行顺序和结果该如何理解？
weixin_30594001的博客
05-30 3876
参考for循环中嵌套setTimeout，执行顺序和结果该如何理解？ 转载于:https://www.cnblogs.com/qing1304197382/p/10948616.html
循环遍历的传参数问题
weixin_44051236的博客
05-24 805
在主界面，由于章节显示的方法是用block，wx:for来遍历的，所以一开始我没有找到合适的方法来实现页面跳转的同时进行参数的传递。 查阅资料后发现了两种比较好的方法： （1）直接通过navigator来实现跳转,我最后采用了这种方法，确实很好用。例如： wxml中关于navigator的核心代码： （此代码写在的是跳转页面前一个页面） <navigator url="../chapins/chapins?chapNo={{item.chapNo}}" open-type="navigate" &g
js第四天循环嵌套&函数
qq_58468193的博客
01-13 940
一、循环嵌套 循环的嵌套：循环内部嵌套另一个循环 常用场景：循环打印一个图形（九九乘法表，三角形，4*5矩形等等） 循环嵌套规律： 1.一个循环内包含完整的另一个循环语句。 2.被包含的循环语句叫内循环，包含别的循环的循环语句叫外循环。 3.外循环每执行一次循环，内循环都会完全执行所有循环次数。 4.循环嵌套的总执行次数是外循环次数乘以内循环次数。 5.循环嵌套不要超过3层。 ep： <script> for ( var m=1;m<=8;m++){ for...
for循环嵌套函数出现的类似于闭包的问题解决方法
morning__one的博客
08-05 559
#### 闭包的问题 闭包是指有权访问另一个函数作用域中的变量的函数。 问题例子： function demo() { var a = 0; function b(n) { a+=n; console.log(a); } return b(); } demo(1);//输出NaN demo(1);//输出NaN demo(1);...
for循环中嵌套for循环
最新发布
09-06
在for循环中嵌套for循环是一种常见的操作。这种嵌套的结构可以帮助我们处理更复杂的问题或者遍历多维数组。在嵌套的for循环中，内层循环会在外层循环的每次迭代中执行一次。 例如，假设我们要打印一个九九乘法表，可以使用两个嵌套的for循环来实现。外层循环控制行数，内层循环控制每行的列数。在内层循环中，我们可以使用外层循环的迭代变量和内层循环的迭代变量来计算每个单元格的值。 ``` for (int i = 1; i <= 9; i++) { for (int j = 1; j <= i; j++) { int result = i * j; System.out.print(i + " * " + j + " = " + result + " "); } System.out.println(); } ``` 上述代码中的外层循环用于控制行数，内层循环用于控制列数。内层循环中的计算和打印操作会在外层循环的每次迭代中执行一次，从而产生九九乘法表的效果。 在Vue.js中，也可以使用嵌套的v-for指令来实现类似的功能。通过在外层循环中使用v-for指令来遍历数组或对象，然后在内层循环中再次使用v-for指令来遍历数组或对象的属性，从而实现多层循环的效果。 ``` <template> <div> <div v-for="row in matrix" :key="rowIndex"> <div v-for="cell in row" :key="cellIndex"> {{ cell }} </div> </div> </div> </template> <script> export default { data() { return { matrix: [[1, 2, 3], [4, 5, 6], [7, 8, 9]] }; } }; </script> ``` 上述代码中的外层v-for指令用于遍历二维数组`matrix`的每一行，内层v-for指令用于遍历每一行的元素，即每个单元格。在每个单元格中，我们可以输出相应的数据或执行其他操作。 总之，嵌套for循环可以帮助我们处理更复杂的问题或者遍历多维数组。无论是在传统的编程语言中还是在Vue.js等前端框架中，都可以灵活运用嵌套的for循环来解决各种问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值