V-for中的起始范围=“n in 10”，从零开始

Question

我想在Vuejs中从0开始，而不是从1开始，结果是1 2 3 .... 10，有没有办法这样做？

Answer 1

您可以使用索引(i)而不是值(n)，它将以0开头

<div v-for="(n, i) in 10">{{ i }}</div>

输出：

0
1
2
...

Answer 2

也可以从整数中减去一个值

<div v-for="n in 10">
  {{ n - 1 }}
</div>

这样你就可以得到一个负值的数字。

Answer 3

只需使用v-for="i in 10“，您就会得到值1...10。你也应该像下面这样使用关键道具。

<div v-for="i in 10" :key="i">{{ i }}</div>

输出

1
2
3
...