Vue 和 firebase 未捕获类型错误：snapshot.forEach 不是函数

Question

我正在尝试通过以下代码读取我的 Vue 应用程序上的 Firestore 数据库：

mounted() {
    db.collection("tete-est")
      .doc("inqueritos")
      .onSnapshot(snapshot => {
        snapshot.forEach(doc => {
            this.inquerito.push({
              codigo: doc.data().a_codAgr,
              data: doc.data().a_data,
              inquiridor: doc.data().a_nomeInq,
              nome: doc.data().c1_nomeChefe
            });
        });
      });

  },

我收到了这个错误：

Uncaught TypeError: snapshot.forEach is not a function
[enter image description here][1]

我的数据库如下所示：

谁能帮忙？

Answer 1

查看您数据库的屏幕截图，inqueritos 是一个（根）集合，tete-est 是您的 Firebase 项目名称。

所以如果你想查询inqueritos集合中的所有文档，你应该这样做：

mounted() {
    db.collection("inqueritos")
      .onSnapshot(snapshot => {
        snapshot.forEach(doc => {
            this.inquerito.push({
              codigo: doc.data().a_codAgr,
              data: doc.data().a_data,
              inquiridor: doc.data().a_nomeInq,
              nome: doc.data().c1_nomeChefe
            });
        });
      });

  },

Answer 2

您正在对文档引用调用 onSnapshot，forEach 方法在 querySnapshot 上可用，这是对集合引用的查询结果。

查看文档：https://firebase.google.com/docs/firestore/query-data/listen#listen_to_multiple_documents_in_a_collection

你会找到答案的:)