问题标签 [vuexfire]

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 回答
142 浏览

javascript - 突变不更新Vuex中的数据

因此,我的一个突变从状态中的数组中获取数据并将其添加到对象中。

数据来自firebase,但sortItems无法正常工作。

store.js 文件:

我调用所有突变的组件:

突变不会在对象中添加任何新eachCategoryItems对象。所有其他动作都在起作用,但这种突变的阳离子不起作用。一些帮助将不胜感激。我是新来的。

0 投票
1 回答
285 浏览

javascript - 使用 vuexfire 动态绑定 firebase 集合列表

我在 vuex 商店中有一个 firebase 文档列表,并且该列表会动态更新。我想用 vuexfire 动态绑定该列表中的文档。

这是正确的方法吗?

注意:我无法绑定整个集合,因为客户端无权访问所有文档。所以我需要将子集绑定在docsToBind

0 投票
1 回答
180 浏览

firebase - Vuexfire {serialize} 选项未正确格式化数组

我在查询集合时尝试添加所有 Firestore 文档 ID。我可以查询一个实例中的所有集合,但不能将它们的文档 ID 绑定到集合数组。

这是我的代码,用于在名为 product.js 的 vuex 文件中查询所有用户的产品

然后我得到这个数据

我希望像这样将数据传递给 vuex:

上面的 id 在我使用时出现console.log(doc.id),但我没有得到带有id值的预期数组,只是产品名称

0 投票
0 回答
169 浏览

firebase - 将 vuexfire 与模块一起使用时如何处理突变?

以下是关于在vuexfire 文档中将突变与模块一起使用的内容,以及一些代码片段:

将突变添加到您的根 Store 并确保首先在状态中定义要绑定的属性:

它也适用于模块,但你不应该在那里添加突变

问题是在更大的项目中处理突变的正确方法是什么?如果我有一个包含大约 20-30 个模块的项目,我是否将所有模块突变放入根对象中?我是否为我的突变创建了一个额外的文件,或者构建它的正确方法是什么?

0 投票
0 回答
64 浏览

javascript - 同步 firebase (vuexfire) 没有错误和警告

我的 vuex 商店中有一个 firestore 绑定,一个前端元素依赖于它。这是一些示例代码:

Vue模板:

Vue 脚本:

Vuex商店:

但我遇到的问题是,浏览器会抛出多个错误,直到绑定变为trueor false

到目前为止,我的解决方案是从内部返回这样的吸气剂vuex,但这对我来说真的不合适

或者,在使用 firebase 和 vuexfire 时,这是返回东西的正确方法吗?

0 投票
1 回答
192 浏览

firebase - 如何使用 vuexfire 从 firestore 数据库中获取数据?

我正在使用以下数据模型编写聊天应用程序:数据库映像 使用以下方法:store/index.js

然后我从我的 vue 组件访问消息 store.state,如下所示:

根据vuexfire 文档。我能够(反应性地)获取整个集合的数据,但假设我知道文档 ID,我想要特定文档的 **messages 数组**。我该怎么做?

0 投票
0 回答
92 浏览

firebase - 将 VuexFire 绑定到使用查询过滤的集合

我没有成功尝试将 Vuex 状态属性绑定到 FireStore 中的查询集合。我想知道是否有更多经验的人可以为我指明正确的方向。这就是我目前正在做的事情:

在名为 auth 的 Vuex 模块中,我声明以下绑定到 userArticles

这又指向了一种用于查询数据的firebase方法(有效)

我正在通过以下方式在我的 Vue 文件中导入和调度该方法

因此,当登录时更新 currentUser 时,会触发该方法。该方法被触发并正在发送正确的ID,我已经使用console.log对其进行了测试。没有显示错误。例如,当我尝试修改数据库中现有文章的 idAuthor 时,userArticles 列表不会更新。当我尝试从具有特定 idAuthor 的数据库中添加或删除文章时,列表 userArticles 不会更新。我还尝试将this.bindUserArticles(this.currentUser.id)放在 created() 和 mount() 生命周期中,但无济于事。有人知道我在哪里出错了吗?

提前致谢

0 投票
1 回答
115 浏览

google-cloud-firestore - 带有绑定的VuexFire同步不起作用

我目前正在使用 VuexFire 将 Cloud Firestore 绑定到我的 Vuex 状态。我在让它工作时遇到了一些问题,任何帮助将不胜感激。

我目前正在做的事情如下:

Vue.js 文件:

动作/评论文件

firebase 服务文件

奇怪的是,我已经在为不同的 Vuex 状态字段执行相同的过程。它似乎在没有问题的情况下工作。有没有人认为我可能做得不好的事情?

0 投票
0 回答
62 浏览

vue.js - 页面重新加载后数据消失 - vuexfire

大家好,我有以下问题:我使用 vuexfire。当我从firestore绑定数据时,它会出现,并且在重新加载页面或访问另一个页面后,数据会消失。有谁知道这个问题以及如何解决它?

这是我的代码:

main.js

存储/index.js

主页.vue

多谢!

0 投票
0 回答
24 浏览

vuexfire - Vuexfire:bindFirestoreRef 触发多少次读取?

由于我观察到的读取次数出乎意料地多,我试图使用文档来计算有多少读取绑定同一文档多次触发。

假设我有一个动作:

如果我setTodosRef用相同的文档 ID 'sameid' 调用 3 次会发生什么?是3还是1?

vuexfire 是否足够聪明,可以知道已经绑定了同一个文档?