Данные загрузки Firebase перед созданием Vue - PullRequest
Новая
       7

Данные загрузки Firebase перед созданием Vue

0 голосов
/ 07 сентября 2018 
<code><template>
  <f7-page>
    <f7-navbar>
        <f7-nav-left back-link="Zurück"></f7-nav-left>
        <f7-nav-right></f7-nav-right>
    </f7-navbar>
    <f7-list>
        <f7-list-item>{{this.test.testKey}}</f7-list-item>
    </f7-list>
    <!-- <f7-list v-for="email in this.test.data">
        <f7-list-item>{{email.email}}</f7-list-item>
    </f7-list> -->
    <pre>
        <p>{{this.test}}</p>
</ F7-страница> импортировать * как базу данных огня из базы огня экспорт по умолчанию { beforeCreate () { var this_ = это firebase.firestore (). Коллекция ( "тесты"). док (это _. $ f7route.params.testKey) .onSnapshot ({ }, функция (док) { this_.test = ({data: doc.data ()}) }) console.log (this.test) }, данные() { вернуть { тестовое задание: [] } } }

Моя проблема в том, что, как кажется, база данных не определяется при загрузке представления. Pre работает, но информация теперь отображается в элементах списка. Я действительно не знаю, почему это так.

1 Ответ

0 голосов
/ 29 сентября 2018

Использовать созданный вместо beforeCreate, перед созданием экземпляра vue объект данных (и впоследствии «тест») не существует.Обратитесь к документации по крюкам жизненного цикла на https://vuejs.org/v2/guide/instance.html#Instance-Lifecycle-Hooks

...