![](/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.