如何动态控制v-for时间？

Question

如何动态控制v-for时间？

我有一个案例，我想生成1->10 div：

<div v-for="item in 10" style="background-color: red" >{{ item }}</div>

我希望动态控制计数，可能是1->3，2->8，5-6，我该怎么做？

Answer 1

您可以添加v-if：

<div v-for="item in 10" v-if="item >=min && item <= max" style="background-color: red" >{{ item }}</div>

您可以动态更改min和max。

Answer 2

您可以将组件数据的属性作为数字传递：

<div v-for="number in count">{{ number }}</div>

如果你想从不同的数字开始计算，你也可以使用一个属性：

<div v-for="number in count">{{ start - 1 + number }}</div>

在此处查看：[{3}}