Vue.js ograniczenie pętli v-for

Question

Witam, jak ograniczyć wyświetlanie elementów za pomocą pętli v-for. Tzn, jeśli mam pętlę

<div v-for="item in items">
{{item.name}}  //od 0 do 5
</div>

//i ona wyświetli powiedzmy 10 rekordów
//to jak zrobić tak aby wyświetliło się powiedzmy od 0 do 5 rekordów
//a dalej sb zrobię drugą pętlę i ona wyświetli od 5 do 10 rekordów

<div v-for="item in items">
{{item.name}}  //od 5 do 10
</div>

 

Answer 1

Ja bym te dane od razu z backendu, wrzucał po 5 do tablicy i potem jak doczytywał np. kolejne 5.
Warto poczytać jak zrobić własną paginację, bo to właśnie jest tego typu motyw. Nie ma co kombinować tylko ograniczyć wielkość samej tablicy items.

Answer 2

Najprościej: 

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

(Jeśli robisz customową paginację, warto spojrzeć na metodę chunk - na przykład w lodash)