问题标签 [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.
javascript - How do I reference data in my firebase child nodes?
I'm trying to reference child nodes of a firebase database using a for loop. I'm using Vue and Vue-fire. The problem is that in the following code, categories[addItem.category]
doesn't reference the correct data.
I am trying to get all the keys of the selected category, which should give 'machinery' if 'mechanical' is selected. Currently, selecting 'mechanical' makes categories[addItem.category]
equal to undefined
. Here is what the data looks like in my db:
[![enter image description here][1]][1]
Can anyone tell me why my firebase reference categories[addItem.category]
isn't referencing the child values?
If it helps, this is how I save the data:
Which references the following data:
}
and here is the firebase property:
javascript - Vue为“关系”添加现有的Firebase ID
我正在通过 VueFire 使用 Vue 和 Firebase 来构建一个关联对象的表单。我有以下形式和方法:
和 Vue:
这会在 Firebase 中像这样添加 JSON:
它推送一个新的 Firebase ID 并嵌套数据。为了让 Firebase 正确处理“关系”,它们的结构必须如下:
如何更新我的方法以像这样构造信息?我有这个CodePen “'相关'内容”部分的底部两个条目显示了我希望它如何提交(我手动添加)。
firebase - 如何通过 Element-UI 上传上传到 Firebase?
我正在尝试使用 Element-UI 的组件将文件上传到 Firebase 的 Google Cloud 存储。显然,“action”处理程序不会接受 Firebase 上传的“gs://”前缀标准。当我尝试它时,我收到此错误:
有没有办法解决这个问题,还是我必须使用另一种上传方法?
javascript - 尽管允许读取 + 写入,但由于权限错误,Firebase 上传到存储桶失败
我正在尝试将文件上传到我的存储桶 ref,但出现错误:
这是我用来提交上传的代码:
我正在使用 element-ui 上传组件来获取文件:
这是我的存储规则:
大多数遇到类似问题的人都能够通过将他们的规则更改为我目前的规则来解决这些问题。关于可能导致这种情况的任何想法?
firebase-realtime-database - Vue 使用 Key 设置 Firebase 数据
我在使用 Vue 方法时遇到问题,该方法既向一个 Firebase ref 推送新交易,又在另一个中设置数据。问题在于方法设置数据时。我当前的方法无法获取它正在写入 dealRef 的交易密钥,以便将其保存在交易Rel 中。
Firebase 参考:
方法:
JSON结构:
firebase - Vuefire 获取 Firebase 图片网址
我正在为我希望显示的每个项目在我的 firebase 数据库中存储图像的相对路径。我无法让图像出现在屏幕上,因为我需要异步获取图像。firebase 架构目前如下:
我想使用以下代码在我的页面上显示这些图像中的每一个:
这不起作用,因为我的相对位置指向 Firebase 存储中的某个位置。从这个相对 url 获取真实 url 的相关代码是:
它返回一个带有真实网址的承诺。这是我当前的 vue.js 代码:
我尝试过使用计算属性,包括使用 vue-async-computed,但这些解决方案似乎不起作用,因为我无法传入参数。
基本上,我如何显示一个元素列表,其中每个元素都需要一个承诺的结果?
javascript - 如何在 VueFire 中创建动态引用?
我正在尝试动态创建参考:
我的第一个 ref 有效,因为它是硬编码的,但第二个没有,显然是因为它是动态的:
有谁知道如何解决这个问题?
firebase - Firebase Vue Vuefire UID 未及时可用
当有身份验证和单独的用户时,我试图让 vuefire/vue/firebase 工作。当我手动传递 UID 时,我可以让它工作......
但是,当我尝试将硬编码的 uid 替换为来自 Firebase 的 uid 时,我得到一个空结果......它在调用时基本上还没有准备好,即使用户已登录......:
在创建数据集的路径之前,如何确保首先获得 UID?
谢谢!
javascript - 渲染函数中的错误:“TypeError:无法读取未定义的属性 'indexOf'”
我在使用 firebase 的 Vue 应用程序时遇到了问题。我现在已经让快照正常工作,并且正在接收一个我转换为数组的对象。唯一的问题是,当我尝试过滤我得到的对象时,我得到一个“无法读取未定义的属性“indexOf””该函数正常打印出数组,看起来它看起来就像我需要的一样,我只是无法访问它包括。值得一提的是,如果我输入 0,1,2,3 而不是 i 它不会引发错误。
这是我的 Vuex 导出器,带有我的 Firebase 的快照
以及导致错误的功能:
任何指针将不胜感激。谢谢!
firebase - Vue & Firebase 类绑定
这里是 Vue 和 Firebase 的新手。我正在制作一个应用程序原型,该应用程序具有一个按钮矩阵,我希望跨设备的所有用户能够通过在数据库更改时将 css 类应用于按钮来查看哪些按钮是“活动的”。我正在使用VueFire将 Firebase 引用与 Vue 绑定。
起初我尝试过这样的事情,但它没有用,我觉得这可能不是正确的方法。
HTML
然后,我想我可以使用一种方法来根据按钮的名称确定按钮是否处于活动状态,但它也不起作用。
HTML
Javascript
JSON 格式的 Firebase 数据
我错过了什么?我似乎这应该是直截了当的功能。