vuetify 2 v-data-table 嵌套 for 循環

Question

所以我有這個：

    <div v-for="team in teams" :key="team['.key']">
      <h2>{{ team.teamname }}</h2>
      <div v-for="playerId in team.players" :key="playerId['.key']">
        <p>{{ players[playerId].firstname }}</p>
        <p>{{ players[playerId].lastname }}</p>
      </div>
    </div>

我想用 v-data-table 代替它，但我不能讓子數據填充。 這是我被卡住的當前點：

<v-data-table
      :headers="tHeaders"
      :items="Object.values(teams)"
      :items-per-page="5"
      class="elevation-1"
      group-key="team.players.player['.key']"
    >
    </v-data-table>

數據模型是（json）：

  "players": {
    "p1": {
      ".key": "p1",
      "firstname": "John",
      "lastname": "Smith",
      "jerseynumber": 10,
      "teams": {
        "t1": "t1"
      },
      "userId": "u1"
    },
    "p2": {
      ".key": "p2",
      "firstname": "Audrey",
      "lastname": "Jones",
      "jerseynumber": 55,
      "teams": {
        "t2": "t2"
      },
      "userId": "u1"
    },
    "p3": {
      ".key": "p3",
      "firstname": "Bill",
      "lastname": "Nye",
      "jerseynumber": 40,
      "teams": {
        "t2": "t2"
      },
      "userId": "u1"
    },
    "p4": {
      ".key": "p4",
      "firstname": "Grace",
      "lastname": "Dilson",
      "jerseynumber": 30,
      "teams": {
        "t2": "t2"
      },
      "userId": "u1"
    },
    "p5": {
      ".key": "p5",
      "firstname": "Ameilia",
      "lastname": "Earhardt",
      "jerseynumber": 11,
      "teams": {
        "t1": "t1"
      },
      "userId": "u1"
    },
    "p6": {
      ".key": "p6",
      "firstname": "Ava",
      "lastname": "Sanderson",
      "jerseynumber": 8,
      "teams": {
        "t1": "t1"
      },
      "userId": "u1"
    }
  },
  "teams": {
    "t1": {
      ".key": "t1",
      "teamname": "Red Robins",
      "players": {
        "p1": "p1",
        "p5": "p5",
        "p6": "p6"
      },
      "userId": "u1"
    },
    "t2": {
      ".key": "t2",
      "teamname": "Blue Unicorns",
      "players": {
        "p2": "p2",
        "p3": "p3",
        "p4": "p4"
      },
      "userId": "u1"
    }
  },

我在這里檢查了一些代碼筆和問題，但它們都處理數組而不是對象，並且沒有鍵，這可能是我無法顯示子數據的原因。