Vue实例数据与网络响应不同,错误在哪里?

时间:2018-12-10 16:34:12

标签: vue.js graphql apollo vue-apollo

网络响应:

screenshot 2018-12-09 at 13 11 53

Vue实例:

screenshot 2018-12-09 at 13 13 07

预期的网络响应是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. 如果有更“最佳”的解决方案。

1 个答案:

答案 0 :(得分:0)

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

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