在做vue项目时，使用循环是不可避免的。但是，当我们的后台数据返回多条记录，并且有多层嵌套关系时，我们需要得到当前的循环数，然后就会出现问题。

这里有两种方法来介绍你。第一个是基于数学公式：第一个周期*(第二个周期的总长度)1第二个周期可以得到当前周期

第二种方法是在方法中计算并返回当前下标。二话没说，我们先来看看效果

具体代码如下：

测试数据json字符串：

parent list :[{ child list : [{ index : 1，childname: '第一个节点' }，{index: 2，childName: '第一个节点' }，{index: 3，ChildName: '第一个节点' }，{ index: 5，childname3360 '第一个节点' }]]

template div class=' hello ' h1获取多层循环的总数/h1表格边框=' 1 '宽度=' 50%' align=' center' tr tdparent循环编号/td Td Td子循环编号/td Td Td第一个方法/td第二个方法/td中的行数/Td字符串/Td值/TD/tr tbody v-for=' parent，index in parent list ' : key=' index ' tr v-for=' child，cindex in parent . childlist ' 3360 key='

methods:{ getIndex(){ if(！这个。index) {this。index=1} else {this。index}返回这个。index}}所以我们可以很容易地得到当前循环的行。

以上基于vue v-for多层循环嵌套获取行数的方法是边肖与大家分享的全部内容，希望能给大家一个参考和支持。