无法使用 Vue.js 显示来自 Firebase 数据库的数据答案

【问题标题】：Unable to display data from Firebase Database using Vue.js无法使用 Vue.js 显示来自 Firebase 数据库的数据
【发布时间】：2017-09-13 07:52:35
【问题描述】：

我已将我的 Vue 应用程序连接到我的 Firebase 数据库，并且当我检查本地主机上的页面时，我能够在我的 Vue 开发工具中看到生成的 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 对表的引用不正确？你能看看我是不是做错了什么？谢谢！

附：我已设置规则以允许任何人读取/写入此数据库，因此我认为权限不是问题。

【问题讨论】：

标签： firebase firebase-realtime-database vue.js

【解决方案1】：

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

【讨论】：

谢谢！你是对的，它现在正在显示。我以为我在早些时候尝试过，但我的代码肯定有另一个问题导致它无法工作。