title: Vuejs v-for multidimensional array json_object
body: <p>I try to loop through a multidimensional json_object using the vueJS v-for function.</p>
  
  <p>But i get the following error:</p>
  
  <blockquote>
    <p>[Vue warn]: Error in render function: "TypeError: Cannot read property
    'id' of null"</p>
  </blockquote>
  
  <p>My code looks like this:</p>
  
  <pre><code>                    &lt;tr v-for="timeblock in responseAPI"&gt;
                              &lt;td&gt;
                              {{timeblock.time}}
                              &lt;/td&gt;
                              &lt;td v-for="value in timeblock.appointment"&gt;
                              {{value.id}}
                              &lt;/td&gt;
                              &lt;td&gt;
                              {{timeblock.break}}
                              &lt;/td&gt;
                              &lt;td&gt;
                              {{timeblock.scheduled}}
                              &lt;/td&gt;
                              &lt;td&gt;
                              {{timeblock.text}}
                              &lt;/td&gt;
                          &lt;/tr&gt;
  </code></pre>
  
  <p>And my json_object like this:</p>
  
  <pre><code>[
    {
      "time": "09:00",
      "break": null,
      "scheduled": "Stoel 1",
      "appointment": {
        "id": 1,
        "patient_id": 1,
        "chair_id": 1,
        "date": "2017-05-10",
        "time": "09:00:00",
        "duration": 30,
        "treatment_type": "Controle",
        "created_at": null,
        "updated_at": null
      },
      "text": null
    },
    {
      "time": "09:30",
      "break": null,
      "scheduled": "Stoel 1",
      "appointment": {
        "id": 2,
        "patient_id": 2,
        "chair_id": 1,
        "date": "2017-05-10",
        "time": "09:30:00",
        "duration": 30,
        "treatment_type": "Controle ",
        "created_at": null,
        "updated_at": null
      },
      "text": null
    } ]
  </code></pre>