问题标签 [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.
javascript - 突变不更新Vuex中的数据
因此,我的一个突变从状态中的数组中获取数据并将其添加到对象中。
数据来自firebase,但sortItems
无法正常工作。
store.js 文件:
我调用所有突变的组件:
突变不会在对象中添加任何新eachCategoryItems
对象。所有其他动作都在起作用,但这种突变的阳离子不起作用。一些帮助将不胜感激。我是新来的。
javascript - 使用 vuexfire 动态绑定 firebase 集合列表
我在 vuex 商店中有一个 firebase 文档列表,并且该列表会动态更新。我想用 vuexfire 动态绑定该列表中的文档。
这是正确的方法吗?
注意:我无法绑定整个集合,因为客户端无权访问所有文档。所以我需要将子集绑定在docsToBind
firebase - Vuexfire {serialize} 选项未正确格式化数组
我在查询集合时尝试添加所有 Firestore 文档 ID。我可以查询一个实例中的所有集合,但不能将它们的文档 ID 绑定到集合数组。
这是我的代码,用于在名为 product.js 的 vuex 文件中查询所有用户的产品
然后我得到这个数据
我希望像这样将数据传递给 vuex:
上面的 id 在我使用时出现console.log(doc.id)
,但我没有得到带有id值的预期数组,只是产品名称
firebase - 将 vuexfire 与模块一起使用时如何处理突变?
以下是关于在vuexfire 文档中将突变与模块一起使用的内容,以及一些代码片段:
将突变添加到您的根 Store 并确保首先在状态中定义要绑定的属性:
它也适用于模块,但你不应该在那里添加突变:
问题是在更大的项目中处理突变的正确方法是什么?如果我有一个包含大约 20-30 个模块的项目,我是否将所有模块突变放入根对象中?我是否为我的突变创建了一个额外的文件,或者构建它的正确方法是什么?
javascript - 同步 firebase (vuexfire) 没有错误和警告
我的 vuex 商店中有一个 firestore 绑定,一个前端元素依赖于它。这是一些示例代码:
Vue模板:
Vue 脚本:
Vuex商店:
但我遇到的问题是,浏览器会抛出多个错误,直到绑定变为true
or false
:
到目前为止,我的解决方案是从内部返回这样的吸气剂vuex
,但这对我来说真的不合适
或者,在使用 firebase 和 vuexfire 时,这是返回东西的正确方法吗?
firebase - 如何使用 vuexfire 从 firestore 数据库中获取数据?
我正在使用以下数据模型编写聊天应用程序: 使用以下方法:store/index.js
然后我从我的 vue 组件访问消息 store.state,如下所示:
根据vuexfire 文档。我能够(反应性地)获取整个集合的数据,但假设我知道文档 ID,我想要特定文档的 **messages 数组**。我该怎么做?
firebase - 将 VuexFire 绑定到使用查询过滤的集合
我没有成功尝试将 Vuex 状态属性绑定到 FireStore 中的查询集合。我想知道是否有更多经验的人可以为我指明正确的方向。这就是我目前正在做的事情:
在名为 auth 的 Vuex 模块中,我声明以下绑定到 userArticles
这又指向了一种用于查询数据的firebase方法(有效)
我正在通过以下方式在我的 Vue 文件中导入和调度该方法
因此,当登录时更新 currentUser 时,会触发该方法。该方法被触发并正在发送正确的ID,我已经使用console.log对其进行了测试。没有显示错误。例如,当我尝试修改数据库中现有文章的 idAuthor 时,userArticles 列表不会更新。当我尝试从具有特定 idAuthor 的数据库中添加或删除文章时,列表 userArticles 不会更新。我还尝试将this.bindUserArticles(this.currentUser.id)放在 created() 和 mount() 生命周期中,但无济于事。有人知道我在哪里出错了吗?
提前致谢
google-cloud-firestore - 带有绑定的VuexFire同步不起作用
我目前正在使用 VuexFire 将 Cloud Firestore 绑定到我的 Vuex 状态。我在让它工作时遇到了一些问题,任何帮助将不胜感激。
我目前正在做的事情如下:
Vue.js 文件:
动作/评论文件
firebase 服务文件
奇怪的是,我已经在为不同的 Vuex 状态字段执行相同的过程。它似乎在没有问题的情况下工作。有没有人认为我可能做得不好的事情?
vue.js - 页面重新加载后数据消失 - vuexfire
大家好,我有以下问题:我使用 vuexfire。当我从firestore绑定数据时,它会出现,并且在重新加载页面或访问另一个页面后,数据会消失。有谁知道这个问题以及如何解决它?
这是我的代码:
main.js
存储/index.js
主页.vue
多谢!
vuexfire - Vuexfire:bindFirestoreRef 触发多少次读取?
由于我观察到的读取次数出乎意料地多,我试图使用文档来计算有多少读取绑定同一文档多次触发。
假设我有一个动作:
如果我setTodosRef
用相同的文档 ID 'sameid' 调用 3 次会发生什么?是3还是1?
vuexfire 是否足够聪明,可以知道已经绑定了同一个文档?