Hai semuanya di luar sana, saya memerlukan bantuan tentang Axios & VUE setelah mengirimkan formulir di halaman web saya, saya diarahkan kembali ke halaman ini. Sebelum formulir dikirimkan, "tujuan kunjungan" tidak kosong di file html tetapi setelah mengirimkan formulir dan diarahkan kembali ke halaman html kosong. Saya mencoba mengakses nilai "tujuan kunjungan" objek bersarang

let patients = new Vue({
  el: "#patients",
  data: {
    patients: [],
  },

  mounted: function () {
    axios
      .get("http://localhost:3000/patients")
      .then((response) => {
        

        userParticulars = response.data;

        this.patients = userParticulars;

        console.log(this.purposeofvisit);
      })
      .catch((error) => {
        console.log(error);
      });
  },
 
});
<tbody v-for="(user, index) in patients" :key="index">
  <tr>
  <td>{{user.appointments[0].purposeofvisit}}</td>
  </tr>
</tbody>

Ini adalah file JSON yang saya akses

{
  "patients": [
    {
      "id": 1,
      "name": "John", 
      ],
      "appointments": [
        
          {
            "purposeofvisit": "Consultation",       
          }
        
      ]
}
0
WassupZ 16 November 2020, 19:51

1 menjawab

Jawaban Terbaik

Janji temu Anda memiliki susunan bersarang. Anda dapat mencoba mengakses array bersarang.

user.appointments[0][0].purposeofvisit
1
vishnu sandhireddy 16 November 2020, 16:59