Object property UNDEFINED in VUE v-for

I have this object inside an array called places which contains 20 similar objects and im using v-for to get each objects data into a div, other properties work fine, but when it comes to the openingHours.text property, it gives an error of undefined

{
  ...

  "openingHours": {
    "text": "lun.-sam.: 23:59 - 23:59",
    "label": "Heures d'ouverture",
    "isOpen": false,
    "structured": [
      {
        "start": "T235900",
        "duration": "PT24H00M",
        "recurrence": "FREQ:DAILY;BYDAY:MO,TU,WE,TH,FR,SA"
      }
    ]
  },
}

you can check the images below for more clarity

figure 1

figure 2

Answer

Does every object have place.openingHours.text ? If not you can try with:

place.openingHours?.text

Advertisement

Answer