在vueJS中嵌入v-for计数

时间:2017-06-13 11:55:46

标签: javascript for-loop vuejs2

我正在使用vueJS而v-for似乎对简单计数非常无能为力。我的代码与此类似

<template v-for="(data, id, i) in group">
   <div v-for="column in group[id]">
     <div v-for="(promo, j) in column.array" :style="{top: i*column.array.length+j}"></div>
   </div>
 </template>

Column.array对于每列都不同。即23,45,12

我需要计数如0,1,2,3 ...... 23,24,25 ...... 68,69,70 ...... 80

但现在发生的事情有0,1,2,3 ...... 23,1,2,3 ...... 45,2,3 ...

我需要这个来增加每个块的css top值。我尝试使用像height这样的数据字段,并使用height ++递增它。但它给出了无限循环错误。我在文档中读到可变数据不应该以这种方式处理。那怎么能实现呢?

0 个答案:

没有答案