vuetify 2个v-data-table嵌套循环

时间:2020-01-25 22:19:41

标签: json vue.js vuex vuetify.js

所以我有这个:

search=orders.objects.filter(field22=1).values_list('otherfield' )

,我想改为使用v-data-table,但是我无法填充子数据。这是我被困的当前要点:

    <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>

数据模型为(json):

<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>

我在这里已经检查了一些代码笔和问题,但是它们都处理数组而不是对象,并且没有键,这可能就是为什么我无法显示子数据的原因。

0 个答案:

没有答案