问题标签 [vuefire]

我对前端框架进行了大量研究，并决定尝试 Vue.js。但是，我还想获得一个实时“数据更新”的后端。我看过 VueFire (Vue.js + Firebase)、Node.js 和 Feathers。看起来 Feathers 在 Vue 中使用它的资源/文档数量有限，而关于 VueFire 和 Node.js 与 Vue.js 的信息似乎很多。

这三个后端有什么区别？
使用其中一种的优点/缺点是什么？

我正在努力使用 vue 和 firebase 编辑单个项目。我的编辑页面 url 接收项目的 id。所以我想要的是从firebase加载这个单项。编辑它并将其保存回firebase。

我使用 vue 版本 2 和 vuefire。

我一直在从 firebase 加载单个项目并以表格形式显示它。

这是我到目前为止所得到的：

Vue.js 对 sql 程序员来说是一种生活方式的改变，但要做到这一点。在这里，我按照规范使用 vuefire，甚至从我的一条记录中手动插入正确的密钥，一个字段 Firebase DB 来测试它。然而，没有看到任何返回或显示。

很想知道怎么做！并填写我的单值表。从那里我敢肯定，天空是极限。谢谢你的帮助。

错误消息：vue.common.js?e881:481 [Vue 警告]：挂载钩子错误：“ReferenceError：未定义居民数组”

我开始将 VueJS 与 Firebase（和 VueFire）一起使用，但我开始为如何构建数据而苦苦挣扎。

我的情况很简单。

我有一份供应商清单和一份产品清单。

一个产品只能关联一个供应商，一个供应商可以有多个产品。

我有不同的看法：

• 所有供应商的所有产品清单
• 一个供应商的产品清单
• 与供应商的一种产品的详细信息。

对于第一个和第二个视图，我对以下结构没有任何问题

我可以轻松地显示来自“/products”的所有产品列表以及来自“supplier-products/supplierKey”的每个供应商的列表

但是，产品详细信息+供应商详细信息的视图呢？

最好的方法是什么？

• 将供应商信息添加到每个产品中 ?
• 在产品中添加一种外键？
• 另一种方法呢？

谢谢你的帮助。

我有以下内容：

如果我查看浏览器的控制台，我会看到“检索到的项目！” 几秒钟后，但当我写

{{ typeof items }}

在模板中我没有定义。我关注了 VueFire Github 页面上的文档，但似乎无法正常工作。

有人有什么想法吗？

谢谢

我正在尝试从 firebase 节点获取单个密钥，但无法从我现在拥有的代码中获取任何密钥。这是我的代码：

执行此操作时出现此错误：

validation.js?5c80:234 未捕获错误：Query.orderByChild 失败：第一个参数是无效路径 =“.key”。路径必须是非空字符串，并且不能包含“.”、“#”、“$”、“[”或“]”`

当我使用我的代码执行此操作时：

businesses: bdRef.orderByChild('title').equalTo('Feather Animation Wood Carving Supplies')

它带有这个数组：

我如何获得.key财产？

我正在尝试根据 URL 的 id 动态设置 firebase 引用。我正在使用 Vue 和 VueFire。这是我的代码：

目前，“anObject”对象不产生任何数据（不引发错误）。当我对路径进行硬编码（当前显示已注释掉）时，一切都按预期工作。我猜这个问题与在创建“anObject”时没有值的 id 属性有关？如果是这样，我可以更新生命周期挂钩中的引用吗？

我有一个简单的 vuejs 应用程序，连接到 firebase，子组件中的 v-for 运行良好，直到我使用 firebase 和vue路由器实现身份验证。

现在它坏了:(

身份验证正常，但查询中的项目不再存在（未定义）。

Firebase 凭据很好，并且数据库本身在所选路径上有数据。

这是 main.js

应用程序.vue

消防基地配置：

身份验证.vue

最后是子组件显示成功的身份验证并从 firebase 路径中提取数据

在应该返回数据的firebase对象上尝试了不同的代码，但没有任何效果。

正如标题 Vuefire 可以自动从 firebase 数据库中获取数据，但它需要一些加载时间。所以我想在获取数据之前显示一些 css 动画，成功时我可以观看任何事件吗

我在firebase中有一个名为餐点的对象列表。在这个组件中，我只想显示一顿饭的信息，所以我将一个 id 字段作为道具传递，我只想从 firebase 获取那顿饭。

这是我尝试过的。它不起作用，因为 this.id 未定义：

我做错了什么还是在初始化道具之前发生了firebase调用？

编辑：

我设法使用创建的钩子来做到这一点，但它看起来很糟糕。还有其他方法吗？