时间戳

首页 > 解决方案 > VueJS / VueFire：数据空数组

javascript - VueJS / VueFire：数据空数组

问题描述

我正在使用 vuejs 开展一个项目，但在使用 vuefire 从 Firebase 获取数据时遇到问题。这是代码：

Firebase.js

import firebase from 'firebase';
import Vue from 'vue'

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
var firebaseConfig = {
    apiKey: "XXXXXX",
    authDomain: "XXXXXXXX",
    databaseURL: "XXXXXXX",
    projectId: "XXXXXX",
    storageBucket: "XXXXXXXXX",
    messagingSenderId: "XXXXXXX",
    appId: "XXXXXXXXX",
    measurementId: "XXXXXXXXX"
  };

  
  // Initialize Firebase
export const app =  firebase.initializeApp(firebaseConfig);
firebase.analytics();
Vue.config.productionTip = false

 export const db = app.database();

导出 const reviewsRef = db.ref("reviews");

这是我想要数据的组件

import { db } from '../firebase';
export default {
    data: function(){
        return {
            // liste des review de cet utilisateur
            reviews:[],
            userUid:'',
            // review a afficher dans le detail
            reviewToDisplay:null
        }
    },
    firebase:{
        reviews: db.ref("reviews")
    }

当我尝试仅显示评论时，它只是一个空数组...我真的不知道为什么它不起作用。

我的firebase树结构 截图图像

标签： javascriptvue.js

解决方案

我自己正在学习firebase。但是，FWIW：

来自https://firebase.google.com/support/release-notes/js

8.0.0 之前

从 'firebase/app' 导入 * 作为 firebase

8.0.0 之后

从'firebase/app'导入firebase

来自 SinghDigamber 的示例应用程序，使用 firebase 7.13.2，@ https://github.com/SinghDigamber/vue-firebase-setup/blob/master/src/firebaseDatabase.js

显示：

从'firebase'导入*作为firebase；

（即，没有'/app'）所以，你应该尝试：

从'firebase'导入*作为firebase

因为您的 firebase 版本 < 8.0.0

推荐阅读