Question

我已将Vue应用程序连接到Firebase数据库，并且当我检查localhost上的页面时能够在Vue Dev Tools中看到生成的JSON，例如：

users:Array[10]
  0:Object
    .key:"99"
    City:"Richmond"
    Date of Birth:"9/16"
    Email:"fakeemail@gmail.com"
    Gender:"F"
    Home Phone:""
    Ministry:"Campus"
    Name:"Doe, Jane"
    State:"VA"
  1:Object
  2:Object
  3:Object
etc.

在我的App.vue文件中，我有以下代码输出数据：

...
<tbody>
  <tr v-for="user in users">
    <td>{{ user.name }}</td>
    <td>{{ user.city }}</td>
    <td>{{ user.state }}</td>
  </tr>
</tbody>
...

这将输出一个具有正确行数（10）的表，但每个表格单元格都是空白的。没有打印任何数据。我猜我使用user.name，user.city和user.state对表的引用是不正确的？你能看出我做错了什么吗？谢谢！

P.S。我已经设置规则允许任何人读/写这个数据库所以我不认为权限是问题。

Answer 1

您是否尝试使用{{user.Name}}而不是{{user.name}]？

无法使用Vue.js显示Firebase数据库中的数据

1 个答案: