Проблемы с итерацией и отображением результатов flask API при использовании Vue - PullRequest
0 голосов
/ 17 января 2020

Я впервые изучаю урок Flask / Vue (находится по адресу https://testdriven.io/blog/developing-a-single-page-app-with-flask-and-vuejs/) и пытаюсь адаптировать его под свои нужды. Чтобы сохранить список полного кода, детали, с которыми у меня возникли проблемы, находятся здесь:

<table class="table table-hover">
          <thead>
            <tr>
              <th scope="col">Note</th>
              <th scope="col">User</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            <tr v-for="(note, index) in notes" :key="index">
              <td>{{ note.note }}</td>
              <td>{{ note.index }}</td>
              <td>
                <div class="btn-group" role="group">
                  <button
                          type="button"
                          class="btn btn-warning btn-sm"
                          v-b-modal.note-update-modal
                          @click="editNote(note)">
                      Update
                  </button>
                  <button
                          type="button"
                          class="btn btn-danger btn-sm"
                          @click="onDeleteNote(note)">
                      Delete
                  </button>
                </div>
              </td>
            </tr>
          </tbody>
        </table>

, а функция, обновляющая таблицу html в created():

  methods: {
    getNotes() {
      const path = 'http://localhost:5000/api/v1/resources/notes/';
      axios.get(path)
        .then((res) => {
          this.notes = res.data.notes;
        })
        .catch((error) => {
          // eslint-disable-next-line
          console.error(error);
        });
    },
...

По какой-то причине в учебной версии таблица HTML прекрасно обновляется с элементами базы данных, но когда я пытаюсь изменить имена полей, это не так, и я не могу определить свою ошибку.

Я попытался сделать console.log (res) вместо функции, и она записывает данные, просто кажется, что предоставленная функция не будет работать, используя мои имена полей.

Может кто-нибудь поставить новичка из его страданий?

Заранее спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...