在Vue中的嵌套v-for循环中访问索引变量

时间:2019-10-02 17:59:54

标签: vue.js v-for

我需要访问嵌套v-for循环的索引变量。能做到吗?我的代码是

<div v-for="(dayDataArray, key, index) in props_league_data_nfl">
     <div v-for="(arrayItem, key, arrayItemIndex) in dayDataArray" class="col-xs-12 col-sm-4 col-lg-3">



    <!-- some code here -->

<div> {{ props_box_game_scores_nfl[nfl_days[index].split(' ')[0].toLowerCase()][arrayItemIndex] }} </div>`

如果我像上面那样使用单独的索引名称进行设置,则 arrayItemIndex 似乎会被忽略。如果我在两个for循环中都使用 index ,则在 nfl_days [index] 参考中会出现异常。如何访问第二个索引变量?似乎在两个实例中都必须使用索引名称?感谢任何建议或解决方法...

1 个答案:

答案 0 :(得分:1)

对于数组v-for,只有两个参数,没有三个。所以应该是:

v-for="(arrayItem, arrayItemIndex) in dayDataArray"

迭代对象时只有3个参数。