问题标签 [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 投票
2 回答
249 浏览

javascript - 如何在方法(Vuefire)中访问firebase prop的值?

在我的组件中,我正在做:

我可以在我的组件模板中访问竞赛属性的值,但我不知道如何在创建的钩子或方法中访问它们。该值始终未定义。我怎样才能做到这一点?

比赛的结构是:

0 投票
0 回答
72 浏览

javascript - Vuefire 从 firebase 检索数据

我有以下火力基础结构

在此处输入图像描述

我正在尝试在 vuejs 中检索 latest_version 的值

所以我的配置为

在 vuejs2 组件中,我将导入添加为

我还必须做什么才能从 firebase 获取值 1.0.0,因为上面的控制台日志没有

0 投票
1 回答
7353 浏览

javascript - 如何在 VueJS 中读取 Firebase 数据?

我遵循了 Firebase、Vue.js 和 VueFire 的教程,但我遇到了很多麻烦。该数据库是实时数据库,而不是 Firestore,当我尝试查看数据集合时,我得到的只是“未定义”或带有一堆我无法理解的垃圾的对象(当我期望 json 时) . 数据库规则配置为可读取。我究竟做错了什么?

或者有这个......我该怎么办:

0 投票
1 回答
1753 浏览

firebase - Firestore 引用创建“TypeError:将循环结构转换为 JSON”

我在 Vue JS 应用程序中使用 Firebase 的 Firestore:

当我尝试获取具有引用另一个文档(Firestore 中的引用类型)的字段的文档时,我收到以下错误:

每当我将文档中该字段的类型更改为字符串时,它似乎都可以正常工作。

我知道这是因为 Firestore JS SDK 中的某些东西试图将文档(以及文档附带的一堆元数据)序列化为 JSON,并且某处有循环引用?

在我的数据结构和字段中,我没有循环引用。它只是一个引用另一个文档的字段,并且被引用的文档不再引用任何其他文档。

我获取数据的代码是:

所以我的问题是:

1)首先,我在我的代码中做错了什么吗?即使没有引发错误,Firestore 的 JS SDK 会为我解析参考吗?或者我是否必须调用参考并自己解决它才能获取参考文档的数据?2) 当您有可以参考的文档时,使用 Firestore 的最佳做法是什么?你应该使用参考吗?什么时候?你什么时候去规范化?

谢谢!

0 投票
1 回答
172 浏览

firebase - Vue.js 上带有图表的 Vuefire

我正在尝试将图表的数组数据与我的 firebase 值同步。图表获取标签和数据的数组。我想将此图表数据值绑定到我的 firebase 对象。这是使用硬编码静态值创建的正常图表:

现在,我想将此值 (3) 与我的 firebase 对象绑定。通常我可以毫无问题地使用这样的 firebase 对象:

但是我不能用图表数组系列'a'来绑定和动态更新这个myObjA;

我怎样才能做到这一点 ?

0 投票
1 回答
1752 浏览

vue.js - 从 firstore 集合中获取带有 ID 的文档

在使用 Firestore、vuefire、vue-tables-2 时,我一直在获取文档的 ID。

我的数据结构如下。 在此处输入图像描述

这是我的代码。

我的期望是设备应该id属性为vuefire docs

但是即使我检查它是否存在它控制台,数组this.devices也没有字段。id

在此处输入图像描述 在此处输入图像描述

0 投票
3 回答
749 浏览

firebase - 在 vuefire 的 firestore 内的“this”中获取“undefined”

我在我的 Vue 应用程序中使用 firebase-auth 和 firebase-firestore,并使用 vuefire 从 firestore 检索用户数据。

所以,在我的例子中:

但是当代码执行时,“this”,应该是 Vue 的实例,是未定义的。我该如何解决这个问题?

0 投票
1 回答
64 浏览

firebase - 尝试将 readyCallback 与 vuefire 一起使用时,Firebase 绑定源无效

这是我第一次使用 Vuefire。我想在使用加载数据后渲染一些数据db.ref('page_data')。在文档中,我读到您可以使用内部的函数在firebase: {}准备好调用时进行回调readyCallback: function(){}

但是由于一些奇怪的原因,当我使用这个 firebase 时会抛出一个错误:

invalid Firebase binding source

我的<script>标签看起来像这样

如果我删除readyCallback没有显示任何错误,但问题是如果我尝试在请求完成之前呈现数据,vue 应用程序错误就会出现在我身上。

0 投票
2 回答
5435 浏览

firebase - 在“vuefire”中找不到导出“默认”(导入为“VueFire”)

每个关于如何在 Vue 中使用 Firebase 的教程都说在 main.js 文件中我必须添加 Vue.use(VueFire); 这是有道理的。但是后来我收到了这条消息 export 'default' (imported as 'VueFire') was not found in 'vuefire'。

我尝试使用 import * as VueFire from 'vuefire' 并且它不再给出错误消息,但它似乎没有使用插件。

这是 main.js 文件

0 投票
1 回答
308 浏览

javascript - 带有 Firebase 实时数据库和 VueFire 的 Vue.js 应用程序突然停止工作

我没有更改任何代码,但上周 VueFire 停止加载任何数据。我曾尝试恢复到旧版本的 Vue 和 VueFire,但我似乎找不到导致问题的原因。

目前我的代码与此处提供的文档几乎相同:https ://vuefire.vuejs.org/vuefire/#why

添加行后:data: () => ({ openSessions: [] }),应用程序不再抛出错误,但是数组的内容始终为空,而我正在加载的 Firebase DB 有很多条目。

发生这种情况真是令人沮丧。正如我所说,我没有更改代码,它工作了几个月,但现在没有。

有谁知道为什么会这样?