Vue.js vuetify数据表，以及来自json对象的绑定数据

我有一个新问题。 假设我有这样一个JSON：

{
  "games": [
    {

      "players_in_game": [
        {
          "id": 1,
          "player": {
            "id": 1,
            "player": "Jack Bauer",
            "email": "j.bauer@ctu.gov2"
          }
        },
        {
          "id": 2,
          "player": {
            "id": 2,
            "player": "Chloe O'Brian",
            "email": "c.obrian@ctu.gov"
          }
        }
      ]
    },
]

我的想法是使用vuetify来构建包含部分数据的表。 因此，我已经在数据返回中初始化了它的头，并且这些项已经绑定到 已通过其getter到达我的随机状态变量（使用vuex的im）中存储的json的computed方法。 但实际上仍然找不到用数据填充表格的方法

假设我声明了2个头（Player1和Player2），并且已经绑定到api请求的项在表vuetify中给了我2个空行。（因为json对象必须包含元素） 我想把球员的名字传给每个记者。 在我的html上，应该是这样的：

<v-data-table :headers="headers" :items="method to get JSON" ">

    <tr v-for="(general) in method to get JSON" v-bind:key="general">
          <td  >{{ general.any code to reach to the player's game }}</td>
           ......
           ......
</v-data-table>

---

v-data-table标题用于设置列，其中的“value”属性需要指向要在items数组中用于该列的键

这些项目是行。请参见以下示例：

<template>
    <div>
        <v-data-table :headers="headers" :items="items">
    </div>
</template>

<script>
export default {
    data(){
        return {
            headers:[
                { text:'Game #',value: 'name'  },
                { text:"Player 1", value:"PlayerOne" },
                { text:"Player 2", value:"PlayerTwo" }
            ],
            items: [
                {name: 'name 1', PlayerOne: 'john', PlayerTwo: 'Mike'},
                {name: 'name 2', PlayerOne: 'James', PlayerTwo: 'Bill'}
                {name: 'name 3', PlayerOne: 'Jack', PlayerTwo: 'Ben'}
            ]
         }
    }
}
</script>

导出默认值{
数据（）{
返回{
标题：[
{文本：'Game#'，值：'name'}，
{文本：“玩家1”，值：“玩家”}，
{文本：“玩家2”，值：“玩家2”}
],
项目：[
{name:'name 1'，playerner:'john'，PlayerTwo:'Mike'}，
{name:'name 2'，playerner:'James'，PlayerTwo:'Bill'}
{name:'name 3'，playerner:'Jack'，PlayerTwo:'Ben'}
]
}
}
}

这将创建一个如下所示的表：

<v-data-table :headers="headers" :items="method to get JSON" ">

    <tr v-for="(general) in method to get JSON" v-bind:key="general">
          <td  >{{ general.any code to reach to the player's game }}</td>
           ......
           ......
</v-data-table>

计算出的数据将用于获取数据，并以可用于v-data-table的格式返回数据

---

如果您让我知道您希望在表中使用什么数据，我可以帮助您编写计算属性。

为了澄清，您是否正在寻求帮助创建计算属性以构造表的数据结构？是的，我确实尝试过，但我遗漏了一些东西，为什么我请求一些东西给我一个建议，我该怎么做，在v-for范围内的任何常规for-loop方法中，我都会用它的th、tr和td构建表，但对我不起作用其他选项可能会使用v-simple-table，但我希望得到一个更动态的最终结果