javascript - Vue - 每个 v-for 项目的运行方法

Question

我通过 v-for 遍历日历中的每一天:

<ul><li v-for="day in daysInMonth"></li></ul>

在 Firebase 中，我存储了事件。每个事件都有一个日期属性:

eVeNtKeY
  date: 12/7/17

现在，每一天都没有事件，但我需要获取每一天的事件计数。我通过 Firebase 调用下载了这个月的所有事件，并将其保存在 Vue 中 data作为数组 thisMonthsEvent .

data: {
  thisMonthsEvents: [bunch of firebase data],
  currentMonth: number
}

有没有办法为 v-for 的每次重复运行一个方法？ ？在我看来，我可以做这样的事情:

    computed: {
        eventsByDay () {
          return this.thisMonthsEvents.filter(function (event) {
            return event.date === this.currentMonth + '-' + Somehow get the day from loop + '-2017'
});
        }
      }

Answer 1

使用方法而不是计算属性，并在 v-for 循环中直接调用该方法，传入 day 变量:

methods: {
  getEventsByDay(day) {
    return this.thisMonthsEvents.filter(function (event) {
      return event.date === this.currentMonth + '-' + day + '-2017'
    });
  }
}

<li v-for="day in daysInMonth">
  {{ getEventsByDay(day) }}
</li>