Я впервые изучаю урок 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) вместо функции, и она записывает данные, просто кажется, что предоставленная функция не будет работать, используя мои имена полей.
Может кто-нибудь поставить новичка из его страданий?
Заранее спасибо