在ApolloVue中使用GraphQL上的QueryParams获取数据

html5 • • 问答

我想从 中获取数据GraphQL，我尝试过使用静态参数并且它有效。但是当我尝试使用 时QueryParams，它在我的网络上返回了错误 404。

我希望我的 GraphQL 查询成为动态参数。谁能给我关于QueryParams在 Apollo Vue 中使用GraphQL 的解决方案？

  data(){
    return{
      idLabel:3
    }
  },

//my file .gql
query post($idLabel:Int!){
    post(id: $idLabel) {
        id
        title
        body
        comments(options:{paginate:{page:1 limit:10}}){
            data{
            id
            name
            email
            }
        }
    }
}
  <ApolloQuery
     :query="require('./graphql/PostGraphqlzero.gql')"
     :variables="{ idLabel }"
  >
    <template v-slot="{ result: { loading, error, data } }">
      <!-- Loading -->
      <div v-if="loading">Loading...</div>

      <!-- Error -->
      <div v-else-if="error">An error occurred</div>

      <!-- Result -->
      <div v-else-if="data">
        <div v-for="(todo) in data" :key="todo.id">
          <div  role="alert"> {{todo.title}}</div>
          <div v-for="(todos) in todo.comments.data" :key="todos.id">
            {{todos.name}}
          </div>
        </div>
      </div>

      <!-- No result -->
      <div v-else>No result :(</div>
    </template>
    <!-- TODO -->
  </ApolloQuery>
以上是在ApolloVue中使用GraphQL上的QueryParams获取数据的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容