Значение данных не отображается из файла JSON на странице html после отправки формы

#javascript #html #vue.js #axios

#javascript #HTML #vue.js #axios

Вопрос:

Привет всем, мне нужна некоторая помощь по поводу Axios amp; VUE после отправки формы на моей веб-странице я был перенаправлен обратно на эту страницу. Перед отправкой формы «purpose of visit» не был пустым в файле html, но после отправки формы и перенаправления обратно на страницу html он пуст. Я пытаюсь получить доступ к вложенному объекту «purposeofvisit» значение

 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>

Это файл JSON, к которому я обращаюсь

 {
  "patients": [
    {
      "id": 1,
      "name": "John", 
      ],
      "appointments": [
        
          {
            "purposeofvisit": "Consultation",       
          }
        
      ]
}

1. Может потребоваться редактирование в зависимости от того, выполняете ли вы столбцы или строки, но что-то вроде этой работы. Вы можете использовать v-для более назначений. <tr v-for="(appt, index) in user.appointments" :key="index"><td>{{ purposeofvisit }}</td></tr>

Ответ №1:

В назначениях есть вложенные массивы. Вы можете попробовать получить доступ к вложенным массивам.

 user.appointments[0][0].purposeofvisit

1. Привет, спасибо, сэр, это не тот ответ, который я ищу, но после того, как вы упомянули его как «вложенный массив», я пошел проверить. На самом деле ошибка возникает в других моих файлах Javascript. Еще раз спасибо