vue1.0中如何限制v-for的循环次数？

Question

如图，因为存在“更多”按钮，只想展示前五个，请问有什么好办法能限制v-for的循环次数？

我试过了，上面的方法好像不行，不知道是不是vue版本的原因,求教。

Answer 1

v-for=item in items | limitBy 5

Answer 2

目测可以这样：

<li v-for="item in list.slice(0, 5)">

</li>

Answer 3

你截取list前五个就可以了

Answer 4

可以通过控制循环体的数量，请求回来数据之后，可以先把前5条取出来，保存在data里面，所有的也保存在data里面，然后点击更多的时候，看你这个是要跳转到另一个页面了吧，再次循环data里面的所有数据就行了

Answer 5

可以把v-if拿到里面来判断：

<li v-for="(item,index) in list">
    {{v-if="index < 5" ? item : ''}}
</li>

Answer 6

<li v-for="item in list" v-if="$index < 5">

</li>

Answer 7

不行就用2.0

Answer 8

v-if 和v-for同时使用的话，有优先级问题；当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级。