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

firebase - 未找到模块:错误:无法在“C:”中解析“./firebase”

我在我的 vuejs webApp 中遇到了这个错误,希望有人告诉我如何解决它:

这是我的 vue 文件中的脚本:

0 投票
1 回答
1314 浏览

firebase - 使用vuejs,如何将firebase(vuefire)对象放入组件数据

使用 firebase 4.10.1 和 vuefire 1.4.5。

我已经确认我已经初始化了 firebase,导出了一个dbconst,并正确导入了 vuefire。

我正在尝试将我的 firebase 对象 (JSON) 加载到我的dataTable组件数据中。

我正在尝试这个:

它连接正确,因为如果我{{ fbObj }}在我的模板中使用,我会得到完整显示的 JSON 对象。但是,如果我尝试将其加载到 dataTable 上,则会"fbObj is not defined"出现控制台错误。

如何将我的 firebase 对象加载到 dataTable 上?

0 投票
1 回答
108 浏览

javascript - 是否可以将“用户”对象带到“顶级”并从“on.AuthSateChanged(user => ....}”外部访问它?

我正在尝试在 vuefire 中定义一个 ref 到取决于当前用户的 firebase 路径。是否可以将“用户”对象带到“顶级”并从“on.AuthSateChanged(user => .... }”外部访问它?

firebase-config.js

应用程序.vue

buildingadd.vue (组件)

或者,对这个问题的回答也可以解决我的具体问题。 如何在保持此结构的同时将读/写规则约束到创建节点的用户?

我将衷心感谢您的帮助。谢谢!

0 投票
1 回答
546 浏览

firebase - Vue.js 和 Firebase - 基于路由参数返回查询

我正在 Vue.js 中做一些事情,我需要将来自 vue-router 的值(符号)传递到 Firebase 数据库查询中,以检索与该查询匹配的 JSON 对象。我只能通过模板中的 v-for / v-if hack 来做到这一点。我知道必须有一种方法可以在我的脚本标签中简单地返回这个查询。

我可以通过 vuefire 插件访问数据库。

dbCryptosRef是数据库(下图)参考。getCrypto是我试图用来查询数据库的方法。下面是同一文件中的脚本标记。dbCryptosRef.equalTo(this.$route.params.symbol)只是返回 firebase 数据库的 url,而不是 JSON 对象。我究竟做错了什么?

Firebase 数据库

0 投票
1 回答
337 浏览

javascript - 如何从另一个组件内的方法导入 firebase 引用?

我在/buildings.vue组件的顶部导入了一个火力基地:

/buildingsadd.vue组件上,我定义了一条到 firebase ref 的新路径,如下所示:

但是我收到了这个错误:

在此处输入图像描述 有任何想法吗?

对此的答案也将解决我的特定问题:

0 投票
1 回答
1101 浏览

firebase - 如何在 vue.js 中将用户信息获取到应用程序的“数据”部分?

你会碰巧知道如何将用户设置为当前用户吗?我正在使用 vuefire 和 firebase。user.uid返回未定义。

这是我的其余代码:

我正在尝试通过 beforeCreate 钩子中的商店来做到这一点:

如果相反,我将用户设置在创建钩子中,如下所示:

我收到此错误:

在此处输入图像描述

0 投票
1 回答
346 浏览

json - 使用 vuefire 时是否可以获取 firebase JSON 对象的长度?

我有以下 firebase JSON 对象:

这是我试图更新这些值的模板部分:

我让它像这样显示 JSON 对象:

在此处输入图像描述

In's”列应显示4“Out's”应显示3“Balance”列应显示1。这是我的组件上的 firebase 设置和数据代码:

有好心人愿意帮忙吗?

0 投票
3 回答
1232 浏览

firebase - 如何使用 vue 和 vuefire 加载 Firebase 数据?

我不了解如何将 firebase 数据导入 vue ......一旦我得到答案,我很高兴删除这个问题或辞去我作为程序员的工作;)

我知道数据是异步的,所以 vue 试图在接收到数据之前渲染组件。但是,我不知道如何让它等待。示例将不胜感激。我试过阅读文档,但我只是不明白。

这是一个很小的应用程序,它显示我们公司的停车场并将用户的水龙头(汽车)位置保存到火力基地(我们厌倦了忘记我们停在哪里)。感谢您的帮助!

哦,我使用 set() 是因为一次只需要保存一个汽车位置,所以每次用户点击屏幕上的新位置时,数据都会被覆盖。

0 投票
1 回答
855 浏览

javascript - 动态更新 ref Vuejs 和 Vuefire

首先,我是一名设计专业的学生,​​我使用 vuejs 对我的高级项目进行原型设计。所以这不是真正的工作项目。只是一些日记应用的原型。

基本上我的问题是,我有一个列表组件来呈现我的 firebase 数组。在使用由我手动编辑的密钥调用的 firebase 每日数组中。每个键都代表一天,例如 20180519、20180520。而且,有一个 datepicker 组件将这种格式的日期 (YYYYMMDD) 发送到 firebase.js,这是我的 firebase 配置文件。

列表组件结构如下:

我的日期选择器组件通过 EventBus 向 firebase.js 发出日期。它像是

因此,当用户选择一天时,EventBus 会向 firebase.js 发出日期,并且还会发出列表组件,为该列表渲染。

今天在 firebase.js 中正确执行,但是当通过 datepicker 选择日期时 prevList 没有更新。但是当日期通过 EventBus 中的日期选择器更改时,daySelected 变量会更新。

我该如何更新prevList

0 投票
1 回答
1664 浏览

firebase - Vue + Firebase 存储图像不显示

我是 Vue 和 Firebase 的新手。我成功将图像上传到 Firebase 存储。但无法显示图像。在这里我附上我的代码。如果你能给我任何其他显示图像的解决方案。那也会很棒。

模板

脚本