问题标签 [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.
vue.js - 在联系 Firebase 之前需要等待道具准备好
使用 vue2 + vue-router + vuefire + firebase
在以下代码中,“schedule”的 Firebase 源需要路径中的“this.settings.season”,该路径在“settings”属性中提供,但在页面加载时尚未准备好。如果我离开(在 SPA 内)并返回,则加载计划数据,因为“设置”已准备好。
在检索“计划”之前,如何等待“设置”道具准备好?
javascript - Vuefire - 在 v-for 循环中获取密钥
我是 Vue 和 Vuefire 的新手。我正在尝试使用密钥作为 URL ID 创建指向页面的动态链接。
我的参考设置为
我正在将全局参考导入我的应用页面,就像这样 -
并像这样遍历帖子对象-
我的数据库的结构是这样的 - DB Structure
考虑到我可能想在帖子页面上检索,最好不使用 URL 参数,使用密钥的最佳方法是什么?当我记录postsRef 对象时,我看到父值为null,而键值为posts。我希望键值在 for 循环中检索元素的唯一 ID。
javascript - 使用 VueJS 在 Firebase 中读取数据
我正在尝试从我的 firebase 数据库中读取数据。结构如下所示:
我设法读取了对象: { "-KxrySGBHgLvw_lPPdRA": { "edit": false, "name": "CantFindMe" } }
使用 VueJS 绑定:
但是当我尝试在“.step1”之后添加“.name”时,应该返回“CantFindMe”,我什么也没得到/空白。
如何使用 VueJs 获取 name 属性以返回“CantFindMe”?
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这可能是解决这个问题的方法吗?
firebase - 当变量超出范围时,使用 Firebase 填充 Vuejs 输入字段
我知道 Firebase 异步返回数据,所以我实际上将变量放在了once()
函数中。但我无法访问名为whatever
. 在写这个问题时,我还想我可以尝试将 firebase 数据直接设置为data()
.
我的问题是如何在 VueJS data() 函数中传递数据,以便在用户刷新或重新登录数据时填充这两个不同选项中的输入字段?
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')
有效,但一旦我将其导入组件中,它就永远无法工作。