• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

[Vue] limitowanie v-for

0 głosów
41 wizyt
pytanie zadane 23 stycznia w JavaScript, jQuery, AJAX przez Bakr Mądrala (6,720 p.)

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)">

 

komentarz 23 stycznia przez JSHolic Szeryf (78,700 p.)

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

2 odpowiedzi

0 głosów
odpowiedź 24 stycznia przez Marcins321 Mądrala (5,470 p.)
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"
0 głosów
odpowiedź 24 stycznia przez ShiroUmizake Nałogowiec (44,940 p.)

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>

 

Podobne pytania

0 głosów
2 odpowiedzi 59 wizyt
pytanie zadane 9 lipca 2018 w JavaScript, jQuery, AJAX przez mi-20 Stary wyjadacz (10,360 p.)
0 głosów
0 odpowiedzi 28 wizyt
0 głosów
1 odpowiedź 37 wizyt
pytanie zadane 1 czerwca w JavaScript, jQuery, AJAX przez kordix Bywalec (2,570 p.)
Porady nie od parady
Możesz ukryć, zamknąć lub zmodyfikować swoje pytanie, za pomocą przycisków znajdujących się pod nim. Nie krępuj się poprawić pochopnie opublikowanego pytania czy zamknąć go po uzyskaniu satysfakcjonującej odpowiedzi. Umożliwi to zachowanie porządku na forum.Przyciski pytania

64,924 zapytań

111,393 odpowiedzi

234,427 komentarzy

46,754 pasjonatów

Przeglądających: 229
Pasjonatów: 12 Gości: 217

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...