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

臭大佬 2021-01-19 00:48:45 822
前端  Vue 
简介 Vue中控制v-for循环次数的方法

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

v-for="(item,index) in domainList.slice(0, 2)"

用这样的方法可以截取循环的数据长度,从而控制循环的次数

2.通过v-if来控制

 v-for="(item,index) in domainList" v-if="index<3"
在标签下紧跟v-if来进行控制,这里是用索引来进行控制的,所以循环的时候记得把index这个参数加到v-for循环中。

文章来源:https://blog.csdn.net/vegaslemon/article/details/80408106