![](/img/trans.png)
[英]Why is data from the Firebase realtime database only rendering in the console, but not on the page while using Vue.js?
[英]How to read data from Firebase Realtime Database with Vue.js
我正在嘗試對我的 firebase 實時數據庫中的文檔進行 console.log,但目前我在嘗試時收到此錯誤:
[Vue 警告]:創建的鈎子錯誤:“TypeError: firebase__WEBPACK_IMPORTED_MODULE_2__.default.database(...).get is not a function”
如何在數據庫中控制台記錄我的所有文檔?
這是我的嘗試:
<script>
import firebase from "firebase";
const db = firebase.database();
export default {
name: "Login",
data() {
return {
user: {
email: "",
password: "",
},
};
},
methods: {
userLogin() {
firebase
.auth()
.signInWithEmailAndPassword(this.user.email, this.user.password)
.then(() => {
this.$router.push("/");
})
.catch((error) => {
alert(error.message);
});
},
},
created() {
firebase
.database()
.get()
.then((snapshot) => {
snapshot.forEach((doc) => {
console.log(doc.data());
});
});
},
};
</script>
如果您使用的是模塊捆綁器,則應按文檔中所示導入 Firebase SDK。 此語法適用於 8.0.0 或更高版本的客戶端 SDK:
import firebase from "firebase/app";
import "firebase/database";
對於以前的版本:
import * as firebase from "firebase/app";
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.