Le filtrage calculé ne fonctionne pas

Question

Donc, je vais d'abord me pencher sur Vue.js depuis 2.0. Et j'ai du mal à passer de filter à computed.

Voici où je suis (en utilisant vue-resource pour l'appel API):

var moviesURL = 'http://localhost/api/movies'; 

var app = new Vue({ 
    el: '#app', 

    data: { 
    liveFilter: '', 
    movies: '' 
    }, 

    methods: { 
    getMovies: function() { 
     this.$http.get(moviesURL).then(response => { 
     this.movies = response.body; 
     }, response => { 
     console.log(response); 
     }); 
    } 
    }, 

    computed: { 
    filteredMovies: function() { 
     var self = this 
     return this.movies.filter(function(movie) { 
     return movie.indexOf(self.liveFilter) !== -1 
     }); 
    } 
    }, 

    created: function() { 
    this.getMovies(); 
    } 
}); 

Et je continue à recevoir ces erreurs:

Et je ne peux pas vraiment mon doigt sur ce que je fais mal ... Une idée?

Answer 1

Vous ne pouvez pas filtrer sur une chaîne. Dans vos données movies devrait être un tableau vide, pas une chaîne vide.

De même, assurez-vous que response.body est également un tableau.

Answer 2

Vous lancez les films en tant que chaîne vide et une chaîne n'a pas de méthode .find(). Utilisez un tableau vide à la place