VueFire - 在渲染之前操作 Firestore 数据答案

【问题标题】：VueFire - Manipulate firestore data before renderingVueFire - 在渲染之前操作 Firestore 数据
【发布时间】：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 的实时方面，只是有点挣扎。

【问题讨论】：

标签： javascript firebase vue.js google-cloud-firestore vuefire

【解决方案1】：

所以我能够操作数据的方式只是在渲染视图的循环中使用一个方法：

<template v-for="(day, key) in manipulateData(data)">

简单地添加到组件中的方法：

export default {
  name: "landing-page",
  ...
  methods: {
    manipulateData(_data) {
      ...
    },
  },
};

数据现在正在实时工作。

【讨论】：