javascript - VueFire - 在渲染之前操作 Firestore 数据
问题描述
我想在渲染之前操作数据。以下似乎实时呈现数据,这是理想的,但是,我想以非常具体的方式对返回的数据进行分组:
firestore() {
const userId = firebase.auth().currentUser.uid;
return {
data: db.collection("users").doc(userId).collection("entries"),
};
},
有没有办法在渲染之前操作返回的数据?我想使用 lodash 的一些 groupBy 和 sortBy 功能。我已经在没有 VueFire 的情况下工作了,但我想要 VueFire 的实时方面,只是有点挣扎。
解决方案
所以我能够操作数据的方式只是在渲染视图中使用循环中的方法:
<template v-for="(day, key) in manipulateData(data)">
该方法只是被添加到组件中:
export default {
name: "landing-page",
...
methods: {
manipulateData(_data) {
...
},
},
};
数据现在正在实时工作。
推荐阅读
- java - Android Firestore 将限制设置为每位用户 1 票
- javascript - 是否可以使用 ReactJS 在组件内部传递 reactbootstrap 表的 onClick 函数
- sql - 来自不同长度变量的 Exec sql 的 SQLRPGLE 语法?
- html - 当元素存在于不同的父元素中时,我们可以重新排序元素吗?
- reactjs - 如何摆脱由 set State 创建的避免无限循环?
- c - 用 C 编写大量文件后 Ubuntu 冻结
- javascript - 如何使用 Jest 在内部使用异步调用和调度测试动作减速器?
- javascript - 特定主导航链接的导航子菜单未正确显示
- python-3.x - 如何在pyspark中使用带有groupby的聚合表达式列表?
- android - 将现有的 android 应用导出为 aar(如库)