在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法

vue中v-for控制循环的次数

在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法

1.截取循环的数据
<div  v-for="(item,index) in array.slice(0, 3)" :key="index"></div>//获取array数组中的前3项

像这样可以用数组的slice方法来截取循环的数据长度，从而达到控制循环的次数

2.通过v-if来控制
<div v-for="(item,index) in array" v-if="index<3" :key="index"></div>

这是在标签中用v-if来通过判断索引index的范围从而达到控制v-for的循环次数。

亲测有效