Почему мои данные не создают таблицы (используя BootsrapVue)? - PullRequest
Новая
       20

Почему мои данные не создают таблицы (используя BootsrapVue)?

0 голосов
/ 21 марта 2019

Я использую Vue, и это мой сценарий: 

export default {
  name: 'app',
  components: {
  },
  data(){
    return{
      image: null,
      isLoaded: false,
      items: []
    }
  },
  created(){
    this.divtest()
    this.getTimeTable()
  },
  methods:{
    getTimeTable() {

      var timetable = [{}];
      var stunde = 1
      var calendar = db.collection("mittwoch");
      var wholeDay = calendar.get()
      .then(snapshot => {
        snapshot.forEach(doc => {
          var fullTempTable = doc.data()
          var tmpTable = {
            stunde: stunde,
            fach: fullTempTable.fach,
            lehrer: fullTempTable.lehrer,
            raum: fullTempTable.raum
          };
          stunde++
          timetable.push(tmpTable);

        })
      });
      this.items = timetable;
      this.isLoaded = true;
    }
  }
}

И я использую этот шаблон: 

<template>
  <div id="app" v-if="isLoaded" class="fullscreen background">
    <div class="timetable">
      <b-table striped hover :items="items" />
    </div>
  </div>
</template>

Я пытаюсь сгенерировать расписание с некоторыми данными из пожарного магазина. Я попытался использовать пример данных из вики BootstrapVue, и он работал просто отлично, поэтому я думаю, что правильно установил модуль BootstrapVue. Кроме того, я тестировал свой код на ванильном веб-сайте JS, и я получил все свои данные.

1 Ответ

0 голосов
/ 21 марта 2019

ОК, я нашел свою ошибку.Я объявил расписание вар следующим образом: [{}].В результате первый объект массива был пустым.

...