неверный источник привязки Firebase при попытке использовать readyCallback с vuefire - PullRequest
0 голосов
/ 22 мая 2019

Я впервые использую 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.

1 Ответ

1 голос
/ 22 мая 2019

readyCallback должно быть вложено внутрь:

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