如何正确显示 v-data-table 中的所有用户？

Question

我试图在 v-data-table 内显示我在 Firebase 中拥有的所有用户，但所有行都显示在一行中。

<v-data-table
    :headers="headers"
    :items="users"
    :loading="loading"
    class="elevation-1"
    :no-data-text="$t('admin.usersTable.empty')"
  >
  <template slot="item" slot-scope="props">
    <td class="text-xs-right">{{ props.item.uid }}</td>
    <td class="text-xs-right">{{ props.item.email }}</td>
    <td class="text-xs-right">{{ props.item.username }}</td>

    <td class="justify-center layout px-0">
      <v-btn icon class="mx-0" @click="editUser(props.item)">
        <v-icon color="teal">edit</v-icon>
      </v-btn>

      <v-btn icon class="mx-0" @click="removeUser(props.item)">
        <v-icon color="pink">delete</v-icon>
      </v-btn>
    </td>

  </template>
</v-data-table>

我希望三个用户在三个不同的行中，但结果是我的用户在一行中

Answer 1

也许你应该在“item”这个词中添加一个“s”？

像这样：

<template slot="items" slot-scope="props">