问题标签 [vuefire]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
308 浏览

vue.js - 在联系 Firebase 之前需要等待道具准备好

使用 vue2 + vue-router + vuefire + firebase

在以下代码中,“schedule”的 Firebase 源需要路径中的“this.settings.season”,该路径在“settings”属性中提供,但在页面加载时尚未准备好。如果我离开(在 SPA 内)并返回,则加载计划数据,因为“设置”已准备好。

在检索“计划”之前,如何等待“设置”道具准备好?

0 投票
1 回答
102 浏览

javascript - 如何获取对象键中的数据

火力数据库

我尝试使用以下方法从用户 id (-m3Jh...) 的事务中检索数据。

在控制台中,这会为每个键生成一个对象数组。

在此处输入图像描述

当我尝试 console.log arr[0] 时,我只想检索每个键(-kx ...)内的所有数据,这导致每个键内的所有 0 对象都不是我想要的。我只想检索特定键内的所有数据,或者可能是最新的键,如 -Kx8h-vJsVtPRekuU8jt 这应该导致 0、1、2、3 内的所有数据。我想要实现的只是一个简单的账单,显示用户订购的所有信息。使用 vuefire 更容易吗?

0 投票
1 回答
818 浏览

javascript - Vuefire - 在 v-for 循环中获取密钥

我是 Vue 和 Vuefire 的新手。我正在尝试使用密钥作为 URL ID 创建指向页面的动态链接。

我的参考设置为

我正在将全局参考导入我的应用页面,就像这样 -

并像这样遍历帖子对象-

我的数据库的结构是这样的 - DB Structure

考虑到我可能想在帖子页面上检索,最好不使用 URL 参数,使用密钥的最佳方法是什么?当我记录postsRef 对象时,我看到父值为null,而键值为posts。我希望键值在 for 循环中检索元素的唯一 ID。

0 投票
0 回答
404 浏览

firebase - Vuefire 从数据中获取值

我的 Firebase DB 上有这个:

在此处输入图像描述

我想获得 id 的值,我尝试了很多东西,但我无法获得它:((我认为这个 DB 有一些我不理解的东西哈哈 x)

在我的程序中,我想获取 id 的值以将 id 放入产品中,然后增加 id。

我这样做(在方法 postProduct 中):

非常感谢你:))

0 投票
1 回答
656 浏览

javascript - 使用 VueJS 在 Firebase 中读取数据

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

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

使用 VueJS 绑定:

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

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

0 投票
1 回答
3827 浏览

javascript - 使用 Vuefire 在 Vuejs 中检索 Firebase 数据

我有具有这种树结构的 Firebase 数据库。

在此处输入图像描述

我使用 vue-fire 循环访问数据库。我想在 name 属性中检索“CantFindMe”值。我的文件如下所示:

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

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

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

0 投票
1 回答
2173 浏览

firebase - 使用 vuejs 在 firebase 中检索当前用户数据的步骤

我正在创建一个应用程序,只有我在 firebase 中手动创建的用户才能登录。

该应用程序包含一个用于收集用户信息的多步骤表单。例如:
Step1 ==> 收集用户基本信息
Step2 ==> 用户公司信息

我希望用户能够重新登录,查看填充了他的数据的表单字段,并允许他在需要时对其进行编辑。

到目前为止,我有一个多步骤表单,可以将数据发送到 firebase。我正在使用 vuex 和 vuefire。

我知道我可以通过两种方式检索数据:导航之前/之后(https://router.vuejs.org/en/advanced/data-fetching.html

我是否应该使用 currentuser uid 在数据库中创建一个子项,然后使用诸如“

我是一个初学者,我不知道该怎么做,以及这是否是正确的思考方式。您将如何检索特定用户的数据并将该数据推送到每个字段中?

似乎存在一个 vuexfire https://github.com/chrisbraddock/vuefire-auth-demo这可能是解决这个问题的方法吗?

0 投票
1 回答
636 浏览

firebase - 当变量超出范围时,使用 Firebase 填充 Vuejs 输入字段

我知道 Firebase 异步返回数据,所以我实际上将变量放在once()函数中。但我无法访问名为whatever. 在写这个问题时,我还想我可以尝试将 firebase 数据直接设置为data().

我的问题是如何在 VueJS data() 函数中传递数据,以便在用户刷新或重新登录数据时填充这两个不同选项中的输入字段?

0 投票
0 回答
563 浏览

firebase - VueJS firebase 交互 Promise

我有一个看起来像这样的 Firebase 数据库。

在此处输入图像描述

我有很多具有不同 ID 的产品。

现在:我的 API 中有一个函数 getbyID :

我希望这个函数返回与我在参数中给出的好 ID 的孩子对应的 JSON。当我在 if (key) 之后使用控制台日志打印时,它正在工作

这个console.log给我打印了elem的链接(而不是Json :()

但是问题是当我打印“obj”时

这个console.log打印我的承诺:((所以我不能返回我想要的元素。我找不到原因。

我听说过异步和等待,但我不知道如何实现它。

非常感谢

0 投票
2 回答
11006 浏览

javascript - 无法读取未定义的属性“ref”

我正在使用 Vue + Firebase + Vuefire 构建一个简单的 Web 应用程序,当我尝试在组件中使用我的 Firebase db 变量时,我得到“Uncaught TypeError: Cannot read property 'ref' of undefined” 。

在 main.js

在我的组件中

我按照本教程中的步骤https://alligator.io/vuejs/vuefire-firebase/

如果在 main.js 中使用此代码,则此代码db.ref('recipes')有效,但一旦我将其导入组件中,它就永远无法工作。