Vue v-for _vm.item 未定义

Question

我正在使用 Quasar Framework 1.0.5、Vue 2.6、Vue-apollo。我对 v-for

有疑问

在浏览器控制台中，我收到错误 _vm.item is undefined，即使数据在那里。

代码是这样工作的，在 data 部分，我将我的数组初始化为一个空数组。然后当用户点击时，vue-apollo 向后端发出请求并更新数组。

数据部分：

  data() {
    return {
      eventsByDay: []
    }
  },

vue-apollo update 函数（从API加载数据的地方）：

我正在使用 apollo 选项。

  apollo: {
    loadTermine: {
      query: TermineByDayQuery,
      ...
      result ({ data, loading, networkStatus }) {
        console.info('before:');
        console.info(this.eventsByDay);
        this.eventsByDay = data.TermineByDayQuery;
        console.info('after:');
        console.table(this.eventsByDay);
      },

模板（在 PUG 中，生成 html）：

  q-card-section.q-mx-none.row(v-if="eventsByDay.length > 0")
    q-item.col.text-left.q-pa-none
      q-item-section
        .text-grey-7 {{this.selectedDate | formatDate}}
        p.text-black.q-mt-lg.text-weight-bold(v-for="item in eventsByDay" :key="item.id") Lorem ipsum dolor
          .row
            p.col.text-grey-7.q-mt-xs 07:50 Uhr
            p.col.text-grey-7.q-mt-xs.text-right Ort {{eventsByDay.length}} {{item.city}}

问题是最后一个{{item.city}}。上面写着 _vm.item is undefined。当我删除它时，没有错误。甚至 {{eventsByDay.length}} 显示正确的数组长度 - 2。

元素在数组中：

知道我做错了什么吗？

Answer 1

通过删除模板中的前导 p 解决：

.text-black.q-mt-lg.text-weight-bold(v-for="item in eventsByDay" :key="item.id") Lorem ipsum dolor

不知道为什么这是个问题。哈巴狗？

Vue v-for _vm.item 未定义

Vue v-for _vm.item is undefined

vue.js

vuejs2

vue-apollo

quasar-framework

vue-reactivity

数据部分：

vue-apollo update 函数（从API加载数据的地方）：

模板（在 PUG 中，生成 html）：