问题标签 [vuefire]

我遇到了这个我无法弄清楚的问题。我让 VueFire 在我编写的另一个应用程序上工作，但由于某种原因，它在我当前的应用程序中没有约束力。下面是页面上调用 firestore() 函数的代码，以及 main.js（如果这有助于查看初始化）。为什么 firestore() 没有运行？

页面调用 firestore()：

HTML

JS

和 main.js

谢谢！！

我正在尝试运行一个简单的 Vue+Firebase 应用程序，它允许您将字符串发送到 firebase 数据库并使用“v-for”指令显示消息。但是，我不断收到错误

Property or method "messages" is not defined on the instance but referenced during render

尽管我很确定我使用了基于 Vue 在他们网站上的示例和 Vuefire github 页面链接messages到数据库的正确语法。我可以很好地推送到数据库，但由于某种原因，我无法从数据库中读取数据。我已经无法让它工作大约一天，在这一点上，任何帮助表示赞赏。

这是我的参考代码：

索引.html：

应用程序.js：

使用 vuefire 允许我在 vue 实例上设置一个 firestore 对象并自动将其与 Firestore 同步。我还想过滤另一个数据点，但过滤会导致错误。

下面的代码返回所需的工作人员并完美地工作。Firebase 用户 (fbUser) 返回

WEBPACK_IMPORTED_MODULE_0__services_Firebase .a.collection(...).filter 不是函数

并且 VueTools 中的数据点为空

我有一个这样的firebase配置文件：

我正在尝试对用户进行身份验证，但不断收到 firebaseApp.auth() 不是函数。

我不需要配置应用程序吗？@firebase 中没有身份验证功能。

任何帮助表示赞赏。

我想搜索我的 firebase 数据库，以便用户能够找到他们正在搜索的产品。

目前，我正在将数据属性 this.searchText 与 firebase 中的 product.title 匹配。

我对此有疑问：

如果数据库包含 1000 个产品，则过滤站点上的产品没有意义，而是进行有效的查询，例如：

我只是找不到合适的解决方案。

我已经在 Firebase 中实施了规则来限制对数据的访问，当我在 Firebase 验证器视图中模拟读/写权限时，就会授予权限。但是当我运行 VueFire 时，没有返回任何结果。

这是数据库的结构：

这是我的 Firebase 规则：

我已登录并通过身份验证，但没有收到任何结果。

我试图在经过身份验证后授予访问权限，当我将规则放在聊天级别、消息级别时，它会起作用，但如果我把它放在 $message 级别，这表明 VueFire 在通配符 ($) 上存在问题？

有没有其他人经历过类似的事情？或者有什么想法有什么问题吗？

更新：我发现在尝试访问消息数组时验证失败，正如我正在尝试的那样。

代码片段：

因此，不授予对该路径的访问权限，但前提是我尝试获取一条特定消息。但是我怎样才能检索一个只包含通过验证的项目的数组呢？

我正在使用 VueFire 和 Firebase 构建网络应用程序。

我的实时数据库中有两个集合：

在 Vue 组件中，我试图获取（城市名称 + 国家名称）列表：

有这个错误：

如果只有 {{city.name}} - 好的。

怎么了？如何以正确的方式绑定这 2 个集合以获得我想要的东西？

我正在使用 VueFire 将我的数据绑定到 Firebase 实例。我认为目前我的规则是不正确的。

这是我的数据库：

我试图只允许更新 tv_video 变量：

在 Vue 内部，我正在使用以下内容：

哪个正确绑定 a v-model="game.tv_video"，但是当我更新它时，什么都没有改变。

我们正在使用 vue.js、vuefire 和 Firestore 构建一个应用程序，其中一个用户有多个餐厅。在我们的 Dashboard 中，则需要能够在餐厅之间“切换”以进行更改（例如，更新菜单）。问题是在“菜单”布局上，当我切换餐厅时，菜单不会改变。

我们有一个 Switcher 组件，它可以在 db 和 vuex 存储中更改用户的“activeRestaurant”。

以下是 store.js 中的相关代码：

在我们的菜单布局中，菜单项呈现为：

和

如果我从餐厅 A 切换到餐厅 B，什么都不会改变。但是，如果我随后导航到另一个布局，它会呈现餐厅 B 的内容。如果我然后单击返回到我的菜单，它会显示餐厅 B 的菜单项。

当我切换餐厅时，如何使我的菜单内容从餐厅 A 更改为 B？

我的 Vue.js 应用程序有问题

确实，我的组件工作正常，但是我在控制台中有错误，因为在我看来该组件在其生命周期中被渲染了多次，并且第一次渲染时，它没有发现我的 races 变量在显示时，因为方法 db.collection ('courses') 尚未运行。怎么做？

谢谢你

我在 JsFiddle 上的代码：

https://jsfiddle.net/gf9qhsjr/1/

错误 ：

vue.esm.js?efeb:591 [Vue 警告]：渲染错误：“TypeError：无法读取未定义的属性 'title'”