Javascript Vue.js Firebase.get未返回预期数据
所以我试图从Firebase数据库中提取数据 规则当前设置为允许读/写。我的函数在创建的生命周期挂钩中调用,如下所示: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); });
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());
});
});
太棒了,在我的场景中效果很好!谢谢:)