cost 311 ms
在使用 Vuefire 渲染之前在组件中加载 Firestore 数据 - Load Firestore Data in Component Before Render Using Vuefire

我正在尝试用他们的名字和个人资料图片填充一张人表。 名称源自 Firestore 数据库,图片使用名称在 Firebase Storage 存储桶中查找相关图片。 我已经看了几个小时的视频,并且已经搜索了将近一百篇文章,所以我的示例代码包含了每篇文章的片段,因为我一直在尝试每一种组合并得到混合但不成 ...

vue + firestore:如何使用 vuefire 绑定/合并数据? - vue + firestore: how to bind / merge data with vuefire?

我有一个云存储,其数据结构如下: 这种结构是为了避免在每个购物篮文档中重复详细的产品数据。 我创建了一个 vue 组件来同时显示购物篮数据和与购物篮关联的产品数据,同时尝试限制和优化 firebase 查询。 我已成功绑定篮子数据,如下所示: 但是,我正在努力为当前篮子绑定basket_produ ...

Vuefire 数据未订阅更改 - Vuefire data not subscribing to changes

我有几个不同的查询需要保留“实时”数据。 当我对查询进行硬编码时,它成功显示了数据库中发生的所有实时更改。 但是当我传递一个有效载荷时,数据在重新加载之前不会改变。 工作查询: 不工作有效负载查询:获取数据一次 我只是简单地传递了有效载荷: 如何传递有效负载并获取数据库中发生的任何更改的实时更新? ...

Nuxt this.$route 未定义 - Nuxt this.$route is undefined

我有一个名为 products/_id 的动态路由,它应该从 Firestore 加载产品。 我正在使用 VueFire 从 Firebase 数据库中获取产品。 获取整个产品集合非常好。 但是获取具有特定 id 的文档是麻烦的开始。 通常我会打电话 但现在我收到一条错误消息:“TypeError: ...

VueFire - 在渲染之前操作 Firestore 数据 - VueFire - Manipulate firestore data before rendering

我想在渲染之前操作数据。 以下似乎实时呈现数据,这是理想的,但是,我想以非常具体的方式对返回的数据进行分组: 有没有办法在渲染之前操作返回的数据? 我想使用 lodash 的一些 groupBy 和 sortBy 功能。 我已经在没有 VueFire 的情况下工作了,但我想要 VueFire 的实时 ...

Vuejs 3 createApp 使用来自 vuefire 的 firestorePlugin 获取未捕获的 TypeError:无法设置未定义的属性 '$unbind' 并且没有渲染 - Vuejs 3 createApp using firestorePlugin from vuefire getting Uncaught TypeError: Cannot set property '$unbind' of undefined and no render

在我的 vuejs3 应用程序中,我的 main.js 中有这个简单的代码 也许我没有使用app.use(firestorePlugin); 正确。 如果我不这样做,一切都会完美呈现,但我会收到此错误 单击它时,它显示为Uncaught TypeError: Cannot set property ...

返回未定义快照的 Firestore 查询(Vue.js / Firestore / Vuefire) - Firestore query with where returning undefined snapshot (Vue.js / Firestore / Vuefire)

我目前正在使用支持 Vuefire 的 Firestore/Vue.js。 Firestore DB 只有一个集合,里面有几个用户: 用户 001 姓名:杰克 uid:{Firebase 授权 ID} 组织编号:123 002 姓名:弗兰克 uid {Firebase 授权 ID} 组织编号: ...

如何在路由更改时显示来自 db 的数据? - How do i display data from db on a route change?

我正在 vue.js + firebase 中开发一个类似 Messenger 的应用程序。 我想做的是 - 在每次路由更改时,从 db 中获取一些对应于 id(存储在路由中)的数据,然后将其显示在屏幕上。 我对这些数据有一些奇怪的行为,但它并没有按预期工作。 编码: 其中数据: 模板: ...

NuxtJS 中的 Vuefire 和异步 fetch():页面刷新失败 - Vuefire and async fetch() in NuxtJS: Fails on page refresh

我正在尝试在 Nuxt 的 fetch 方法中使用Vuefire 。 它适用于初始页面加载,但是,如果您刷新浏览器,它将失败并显示以下控制台错误: 这是相关的代码: 任何人对我如何解决此问题有任何提示,以便在您刷新浏览器时也能正常工作? 我可能没有正确编写上面的代码。 谢谢! ...

Vuexfire {serialize} 选项未正确格式化数组 - Vuexfire {serialize} option not formatting array properly

我试图在查询集合时添加所有 Firestore 文档 ID。 我可以查询一个实例中的所有集合,但不能将它们的文档 Id 绑定到集合数组。 这是我的代码,用于在名为 product.js 的 vuex 文件中查询所有用户的产品 import { firestoreAction } from 'vue ...


 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM