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!")
    }
  }
},

尝试在vuefire中使用readyCallback时，无效的Firebase绑定源

1 个答案: