Javascript Vue.js Firebase.get未返回预期数据

Javascript Vue.js Firebase.get未返回预期数据,javascript,firebase,google-cloud-firestore,Javascript,Firebase,Google Cloud Firestore,所以我试图从Firebase数据库中提取数据 规则当前设置为允许读/写。我的函数在创建的生命周期挂钩中调用,如下所示: db.collection("todos") .get() .then((snapshot) => { snapshot.forEach((element) => { console.log(snapshot); console.log(element); });

所以我试图从Firebase数据库中提取数据

规则当前设置为允许读/写。我的函数在创建的生命周期挂钩中调用,如下所示:

db.collection("todos")
      .get()
      .then((snapshot) => {
        snapshot.forEach((element) => {
          console.log(snapshot);
          console.log(element);
        });
      });
我的firebase配置文件如下所示:

//import firebase from "firebase";
const firebase = require("firebase/app");
// eslint-disable-next-line no-unused-vars
import "firebase/firestore";

// firebase config
var config = {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: "",
};

// Initialize Firebase
// eslint-disable-next-line
const firestore = firebase.initializeApp(config);
const db = firebase.firestore();
export default db;
但是,它不是以我期望的格式从数据库返回对象,而是返回以下内容:

Object { iE: {…}, kc: {…}, _E: {…}, lE: false, dE: false, rE: undefined }
但我期待的是这样的东西:


抱歉最后一段代码是一个截图,但它来自我正在关注的视频指南。我哪里出了问题?Firebase最近更新了吗?我需要做些不同的事情吗?

看起来您案例中的对象缩小了,而在教程中没有。不过,只要您坚持调用在和上声明的方法/属性,这对于对象的功能应该很重要

例如,要查看查询结果的数量和每个文档的数据,您需要执行以下操作:

db.collection("todos")
  .get()
  .then((snapshot) => {
    console.log(snapshot.size);
    snapshot.forEach((doc) => {
      console.log(doc.data());
    });
  });

太棒了,在我的场景中效果很好!谢谢:)