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

如何动态控制v-for时间

我有一个案例，我想生成

1->10

div：

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

{{item}

---

我想动态控制计数，可能是

1->3

，

2->8

，

5-6

，我该怎么做？

你可以添加

v-if

：

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

{{item}

---

您可以动态更改

min

和

max

。

您可以添加

v-if

：

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

{{item}

---

您可以动态更改

min

和

max

。

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

{{number}

如果要从不同的数字开始计数，也可以使用以下属性：

{{start-1+number}

---

请参见此处的操作：

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

{{number}

如果要从不同的数字开始计数，也可以使用以下属性：

{{start-1+number}

---

请参见此处的操作：

不建议在同一部件上使用

v-for

和

v-if

在同一部件上使用

v-for

和

v-if