Mam prosty kod oparty na vue.js:

const app = new Vue({
    el: 'vue-app',
    data: {
        displayedBooks: {}
    },
    created() {
        fetch('/library').then(response => response.json())
            .then((data) => this.data.displayedBooks = data);
    }
});

Ale mam wyjątek:

Niepudiant (w obietnicy) TypeError: Nie można ustawić właściwości "wyświetlane książki" niezdefiniowanych w Fetch.then.Then (Main.js: 8)

Dlaczego ten prosty kod nie działa dobrze?

1
Aleks Be 23 luty 2019, 22:07

2 odpowiedzi

Najlepsza odpowiedź

To tylko this.displayedBooks, a nie this.data.displayedBooks. Wszystko w parametrze danych VUE zostaje podłączony do tego bezpośrednio.

1
Aleks Be 26 luty 2019, 09:58
const app = new Vue({
    el: 'vue-app',
    data: {
        displayedBooks: {}
    },
    created() {
        fetch('/library').then(response => {
            this.displayedBooks = response.data
    }, error =>{
       console.lor(error)
   })
});
0
Masterdash 8 maj 2020, 17:50