为什么我的数据不会创建 table（使用 Bootstrap Vue）？

Question

我正在使用 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>

我正在尝试使用一些 firestore 数据生成时间表。我尝试使用来自 BootstrapVue wiki 的示例数据并且它工作得很好，所以我认为我正确安装了 BootstrapVue 模块。此外，我是否在 vanilla JS 网站上测试了我的代码并获得了所有数据。

Answer 1

好的，我发现了我的错误。我已将时间表 var 声明如下：[{}]。结果，数组的第一个对象为空。

为什么我的数据不会创建 table（使用 Bootstrap Vue）？

Why wont my data create a table (using BootsrapVue)?

firebase

vue.js

google-cloud-firestore

bootstrap-vue