尝试将 readyCallback 与 vuefire 一起使用时无效的 Firebase 绑定源

Question

这是我第一次使用 Vuefire。我想在使用 db.ref('page_data') 加载数据后呈现一些数据。在文档中，我读到您可以使用 firebase: {} 中的函数在准备好调用 readyCallback: function(){}

时进行回调

但是由于一些奇怪的原因，当我使用这个 firebase 时抛出一个错误：

invalid Firebase binding source

我的 <script> 标签看起来像这样

import { db } from "./firebase"

export default {
    name: 'App',
    firebase: { 
      data: db.ref('page_data'),
      readyCallback: function(){
        console.log("Ready!")
      }
    },
    data(){
        return{
            data: ui_data,
        }
    }
}

如果我删除 readyCallback 不会显示任何错误，但问题是如果我尝试在请求完成之前呈现数据，vue 应用程序就会出错。

Answer 1

readyCallback应该嵌套在里面：

 firebase: { 
  data: {
    source: db.ref('page_data'),
    readyCallback: function(){
      console.log("Ready!")
    }
  }
},

尝试将 readyCallback 与 vuefire 一起使用时无效的 Firebase 绑定源

invalid Firebase binding source when trying to use readyCallback with vuefire

firebase

vue.js

vuefire