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模块。此外，我是否在香草JS网站上测试了我的代码，并获得了所有数据。

Answer 1

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

为什么我的数据不创建表（使用BootsrapVue）？

1 个答案: