Атрибут отсутствующих фильмов в результате Vue GraphQL - PullRequest
Новая
       18

Атрибут отсутствующих фильмов в результате Vue GraphQL

0 голосов
/ 23 июня 2019

Я являюсь разработчиком внешнего интерфейса, поэтому я впервые попал в руки vue и graphql, я не знаю, как именно справиться с этой ошибкой: 

Missing getMovies attribute on result {movies: Array(20)}

Вот мой код, и яможно увидеть, что данные извлекаются успешно в ответе на инструментах разработчика в chrome: 

{"data":{"movies":[{"__typename":"Movie","id":11,"overview":

Вот код: 

<template>
  <div class="hello">
    <ul>
      <li v-for="movie in movies" :key="movie.id">{{movie.title}}</li>
    </ul>
  </div>
</template>

<script>
import gql from 'graphql-tag'
export default {
  name: 'HelloWorld',
  data(){
    return {
      movies: []
    }
  },
  apollo: {
    getMovies: {
      query: gql`
        query StarWars {
          movies(query: "Star Wars") {
            title
            overview
            poster_path
            id
          }
        }      
      `,
      result({data}){
        this.movies = data.movies
      }
    }
  },
  props: {
    msg: String
  }
}
</script>

1 Ответ

0 голосов
/ 23 июня 2019

В этой проблеме , ваше свойство apollo должно иметь соответствующее свойство data, но в этом случае они не совпадают (одно из них называется movies и getMovies). Измените одно или другое: 

export default {
  name: 'HelloWorld',
  data(){
    return {
      movies: []
    }
  },
  apollo: {
    movies: {
      query: gql`
        query StarWars {
          movies(query: "Star Wars") {
            title
            overview
            poster_path
            id
          }
        }      
      `
    }
  },
  props: {
    msg: String
  }
}

Установка data внутри result не обязательна.

...