【问题标题】:Vue instance data not the same as network response, where is the bug?vue实例数据和网络响应不一样,bug在哪里?
【发布时间】:2019-05-11 14:24:23
【问题描述】:

网络响应:

Vue 实例:

预期的网络响应将是 all_members 将显示所有(在我的情况下为 12 个)club_members。如果我不使用 first/skip 进行查询,它只会显示 10 个 club_members(这是不正确的)

我目前找到了让data.totalClubMembers.club_members 覆盖data.club.all_members 的解决方法。相关讨论在这里:https://github.com/Akryum/vue-apollo/issues/196

(部分)带有参数的查询:$where: 1, $first: 10, $skip: 0。

  query club($where: ClubWhereUniqueInput!, $first: Int, $skip: Int){
    club: club(where: $where){
      name
      all_members: club_members {
        id
      }
      club_members: club_members(first: $first, skip: $skip) {
        id
        category
        club_reference_id
        valid_from
        valid_to
      }
    }
    totalClubMembers: club(where: $where){
      club_members {
        id
      }
    }
  }

请指教:

  1. 如果/我犯了错误
  2. 如果有更“最佳”的解决方案。

【问题讨论】:

    标签: vue.js graphql apollo vue-apollo


    【解决方案1】:

    目前似乎只有根别名有效(2018 年 12 月):https://github.com/prisma/graphql-yoga/issues/340

    重构为 2 个 graphql 查询即可解决。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-04-12
      • 1970-01-01
      • 2020-04-29
      • 2014-06-16
      相关资源
      最近更新 更多