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

Vue v-for jak się zabezpieczyć przed cannot get property of non object

Object Storage Arubacloud
0 głosów
136 wizyt
pytanie zadane 27 czerwca 2019 w JavaScript przez kordix Gaduła (3,870 p.)

Może ktoś z was chce rzucić okiem na tego codepena:

https://codepen.io/kordix/pen/EBbNjJ

Ten kod ładnie mi pokazuje elementy dla aktywnej kategorii. Funkcją find znajduję aktywną kategorię i to wykorzystuję w v-for.

Jednak muszę mieć w danym momencie aktywną kategorię żeby nie wywaliło błędu. Chciałbym żeby po prostu nie pokazywało niczego jeśli nie znajdzie niczego w v-for. Generalnie tak to działa tyle że tutaj dane są zagnieżdżone i muszę się dostać do właściwości obiektu - i dlatego wywala błąd jesli funkcja find niczego nie zwraca. 

Teraz na pałę dbam o to żeby była jakaś kategoria z właściością active na true

Macie jakąś wizję, pomysł jak się przed tym zabezpieczyć? 

Nie byłoby problemu gdyby to była najzwyczajniejsza w świecie funkcja, ty by się użyło np.:

if(this.categories.find((el)=>el.active==true !='undefined'){
//logika
}

Natomiast nie zastosuję tego w v-for

1
komentarz 27 czerwca 2019 przez ShiroUmizake Nałogowiec (46,300 p.)
<template v-if="this.categories">

// twój for

</template>

 

komentarz 27 czerwca 2019 przez kordix Gaduła (3,870 p.)
Kurde działa, dziwne, wydawało mi się że to też testowałem
komentarz 27 czerwca 2019 przez ShiroUmizake Nałogowiec (46,300 p.)
Mogło ci się pomylić z props, gdzie może wstawiłeś na default -> {}
komentarz 27 czerwca 2019 przez kordix Gaduła (3,870 p.)

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
0 odpowiedzi 472 wizyt
pytanie zadane 19 października 2020 w PHP przez xbrylax Nowicjusz (120 p.)
0 głosów
0 odpowiedzi 239 wizyt
pytanie zadane 3 listopada 2018 w PHP przez Gucci Gaduła (4,580 p.)
0 głosów
1 odpowiedź 5,106 wizyt
pytanie zadane 18 stycznia 2016 w PHP przez gab123 Mądrala (5,230 p.)

92,760 zapytań

141,684 odpowiedzi

320,470 komentarzy

62,104 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...