如何动态控制v-for次数？
如何动态控制v-for次数？
提问于 2018-04-25 10:45:00
如何动态控制v-for次数？
我有一个案例，我想生成1->10 div：
<div v-for="item in 10" style="background-color: red" >{{ item }}</div>我想要动态地控制计数，可能是1->3，2->8，5-6，我该怎么做呢？
回答 2
Stack Overflow用户
发布于 2018-04-25 10:45:57
您可以添加v-if
<div v-for="item in 10" v-if="item >=min && item <= max" style="background-color: red" >{{ item }}</div>您可以动态更改min和max。
Stack Overflow用户
发布于 2018-04-25 10:59:00
您可以将组件数据的属性作为数字进行传递：
<div v-for="number in count">{{ number }}</div>如果你想从一个不同的数字开始计数，你也可以使用一个属性：
<div v-for="number in count">{{ start - 1 + number }}</div>在这里可以看到它的实际效果：https://codepen.io/JosephSilber/pen/vjKBRg
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50013300
复制相关文章
相似问题
腾讯云开发者
