VueFire - 在渲染之前操作 Firestore 数据
Posted
技术标签:
【中文标题】VueFire - 在渲染之前操作 Firestore 数据【英文标题】:VueFire - Manipulate firestore data before rendering 【发布时间】:2021-06-01 11:34:55 【问题描述】:我想在渲染之前操作数据。以下似乎实时呈现数据,这是理想的,但是,我想以非常具体的方式对返回的数据进行分组:
firestore()
const userId = firebase.auth().currentUser.uid;
return
data: db.collection("users").doc(userId).collection("entries"),
;
,
有没有办法在渲染之前操作返回的数据?我想使用 lodash 的一些 groupBy 和 sortBy 功能。我已经在没有 VueFire 的情况下工作了,但我想要 VueFire 的实时方面,只是有点挣扎。
【问题讨论】:
【参考方案1】:所以我能够操作数据的方式只是在渲染视图的循环中使用一个方法:
<template v-for="(day, key) in manipulateData(data)">
简单地添加到组件中的方法:
export default
name: "landing-page",
...
methods:
manipulateData(_data)
...
,
,
;
数据现在正在实时工作。
【讨论】:
以上是关于VueFire - 在渲染之前操作 Firestore 数据的主要内容,如果未能解决你的问题,请参考以下文章
如何使用 vue 和 vuefire 加载 Firebase 数据?