[Vue] limitowanie v-for

Question

W jaki sposób ograniczyć liczbę wyświetlanych elementów w v-for?

Poniższy kod "ucina" ostatnie elementy tablicy, a chodzi o usunięcie najstarszych (pierwszych) elementów.

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

 

Comments

Chodzi Ci o items.slice( 5 ) - zwróci kopię tablicy licząc od 5-ego indeksu?

Answer 1

wyślij kod instancji oraz sprecyzuj pytanie nwm czy ci to pomoże ale możesz sprawdzać index iterowanego elementu v-for="(index, item) in items"

Answer 2

A czemu nie użyjesz computed albo zmutujesz stan przez Vuex?

<li class="todoList__listItem" v-for="item in sortItem(items)">

<script>
Vue.component (....

computed: {
   sortItem(items) {
.... tu jakieś filter
return przefiltrowane

}
}
</script>