Vue控制v-for循环次数的两种方法

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

1、通过html的标签里面v-if对超出范围的进行隐藏

<div v-for="(item,index) in courselist" v-if="index < 6" :key='index'></div>


2、通过sclie截取数组的长度控制循环的次数

<div v-for="(item,index) in courselist.slice(0,6)" :key="index"></div>

 


版权声明:本文为caseywei原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。