使用 VueJS 在 Firebase 中读取数据答案

【问题标题】：Read Data in Firebase with VueJS使用 VueJS 在 Firebase 中读取数据
【发布时间】：2018-04-13 22:20:10
【问题描述】：

我正在尝试从我的 firebase 数据库中读取数据。结构如下：

names
  |---- forms
         |---- step1
                 |---- -KxrySGBHgLvw_lPPdRA
                                |---- name : CantFindMe

我设法读取了对象： { "-KxrySGBHgLvw_lPPdRA": { "edit": false, "name": "CantFindMe" } }

使用 VueJS 绑定：

{{personName.forms.step1}}

但是当我尝试在“.step1”之后添加“.name”时，应该返回“CantFindMe”，但我什么也没有得到/返回空白。

如何使用 VueJs 获取 name 属性以返回“CantFindMe”？

【问题讨论】：

【解决方案1】：

可能的快速修复。变化：

{{personName.forms.step1}}

到：

{{personName.forms.step1.val().name}}

或者编辑您的问题并添加更多代码，尤其是在您从 Firebase 引用/查询数据的地方。

【讨论】：