问题标签 [vuefire]

我正在开发一个管理面板来获取用户关于食品订单的请求，所以我想在有新订单时收到通知。所以问题是有没有办法观察数据库的变化，如果有，发出通知（Snackbar）

尝试将数据发布到 Firebase 时出现错误。知道我做错了什么吗？我查看了一些教程和官方文档，但我无法弄清楚我缺少什么。

以下是所有相关文件：

主页.vue

main.js

应用程序.vue

配置.js

任何帮助，将不胜感激！任何帮助，将不胜感激！

我有一个安装了 vuefire 的 vue 应用程序。按照这里的文档：https ://vuefire.vuejs.org/vuefire/getting-started.html#plugin，我有 main.js 文件：

和这样的 firebase.js 文件：

这是家庭组件

奇怪的是，db.collection(...)我得到：

TypeError：无法读取未定义的属性“集合”

因为我正在导入的数据库被导入为未定义。但是，如果我将其更改db.collection(...)为firebase.firestore().collection(...)它可以正常工作，但我不明白为什么。

我试图绑定它，好像它似乎没有成功:)

...因为它输出以下错误： firebaseInstance.auth(...).fetchSignInMethodsForEmail(...).bind is not a function

这是组件的逻辑，有人可以建议在firebase响应解决后访问它的正确方法吗？:鞠躬:

我正在编写一个用于管理轮班工作的应用程序。这个想法很简单：团队在组之间共享。在这些群体中是特定的转变。我想得到这样的东西：

组 1
- shift11
- shift12
- shift13

第 2 组
- shift21
- shift22
- shift23

我已经进行了一些测试，但没有什么能像我希望的那样真正起作用：一切都是反应性的和动态的。

我正在使用 vue.js、firestore（以及它们之间的 vuefire）。

我创建了一个集合“shiftGroup”，其中包含具有字段“名称”和“顺序”（以重新排列显示顺序）的文档（具有自动 ID）和另一个集合“移位”，其中包含具有字段“名称”的文档（仍然是自动 ID），“ order”（再次重新排列显示顺序，组内）和“group”（对应 shiftGroup 的 ID。）

我也尝试过使用 firestore.References of shifts in groups，那是我最接近我的目标的时候，但是当我试图对组内的班次进行排序时，我被卡住了。

无论如何，使用 vuefire，我可以像这样轻松绑定 shiftGroup：

然后像这样显示组：

所以现在是时候添加班次了……我想我可以为每个组得到一个反应性的班次数组，就像这样：

然后我会像这样调用正确的列表：

这是非常糟糕的代码，实际上，我越想它，我就越认为它是不可能实现的。当然，我想过使用官方文档中解释的编程绑定：

但是第一个参数必须是一个字符串，而我需要使用动态数据。

如果有人可以建议我获得我所描述的内容的方法。

非常感谢大家