如图：
外层循环下标用index，内层下标用key
我现在想要获取，外内层联合的下标。
这里，要用到第几次循环。比如外层it，第一个it.subscribe有3个，第二个it.subscribe有3个，当我在内层v-for循环时我取下标怎么从3开始取下标，而不是从0开始
在嵌套v-for里面，如何获取内层下标
外层循环下标用index，内层下标用key
我现在想要获取，外内层联合的下标。
这里，要用到第几次循环。比如外层it，第一个it.subscribe有3个，第二个it.subscribe有3个，当我在内层v-for循环时我取下标怎么从3开始取下标，而不是从0开始
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
关注有一种方式，降低耦合，减少bug
在渲染数据之前，对数据进行遍历，给内层的数据添加一个字段，可以是_index，从0开始，用来表示里面相对于外层来说排在第几，然后渲染的时候，内层循环直接取这个字段就可以了本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2020-10-17 23:30本文将详细探讨在Vue中通过v-for实现多层循环嵌套时如何获取行数的方法。 ### 知识点一：v-for指令基础 v-for指令是Vue模板语法中用于渲染列表数据的一个重要工具。它可以通过一个数组或对象来遍历出多个节点。...
- 2022-12-30 00:35Her...的博客 因为vue的官网有明确的说明：v-for的优先级比v-if高，先循环再做判断会造成性能浪费，使用过程中不要把它们放在同一个元素上。 其次它们的作用也不同： v-if的本质其实是动态的创建或者删除元素节点，只有当条件...
- 2022-01-20 00:46傻啦猫@_@的博客 基础语法1.1、v-bind1.2、v-if 系列1.3、v-for1.4、v-on1.5、v-model2. 组件3.Axios4.vue声明周期5.计算属性6.插槽7.进阶：自定义事件8.Vue 入门小结9.Vue-Cli9.1、Vue-Cli简介9.2、环境准备9.3 第一个vue-cli程序...
- 2021-06-14 23:07SilenceJude的博客 ... 于是写了个测试按钮，一步步的挪，发现都是可以的。 一直挪到v-for中就会失效。 ...div class="hot_info_item" v-for="(item,i) of currentImageItem.hotAreaConfigInfoList" :key="item.id">
- 2024-06-06 11:10Pilot-HJQ的博客 那么关于内外层的 index 下标关系：在默认情况下，这个第二层的循环也是用 index 作为下标；也就是说如果你是在第二层循环中输出 {{index}} 那么这个输出的是第二层的下标值；它的主要作用是告诉小程序每个循环项目...
- 2022-09-30 15:18古怪蛋蛋卷的博客 1.问题描述 将el-select放在树形数据的el-table表格中，绑定的子表格因为嵌套太多层，导致选不中，在函数中查看是修改成功，但在页面没有及时刷新改变后的值。出现这个问题就是绑定了对象，但render函数没有自动刷新...
- 2019-01-29 17:29云上全栈工程师的博客 js看图代码 ... previewImg: function (e) { console.log(e.currentTarget.dataset.index);... //e.currentTarget.dataset.ddid图集的下标id。外层的 //e.currentTarget.dataset.id图集的某...
- 2023-03-23 11:4625号底片~的博客 微信小程序前端怎么进行嵌套循环，并进行内外层值的比较
- 2024-09-03 02:552401_86400903的博客 Vue 2 中，v-for的优先级比v-if高，这意味着v-if将分别重复运行于每一个v-for循环中。如果要遍历的数组很大，而真正要展示的数据很少时，将造成很大的性能浪费。 Vue 3 中，则完全相反，v-if的优先级高于v-for，...
- 2025-06-21 08:40夏驰和徐策的博客 for循环包含起始值、终止条件和变化量三要素，支持嵌套使用。数组是顺序存储的数据结构，可通过索引访问，并提供push/pop等操作方法。文章结合大厂案例（如字节跳动的DOM渲染、阿里的数据模型）展示了循环和数组的...
- 没有解决我的问题, 去提问
问题事件
系统已结题
9月30日
已采纳回答
9月22日-
创建了问题
9月22日