Где петля бесконечность?

Question

Я обнаружил себя с ошибкой бесконечного цикла, но не вижу, где она. Вот когда я добавляю класс.

шаблон:

  <tr class="listOfDay">
    <td>Jour de la semaine</td>
    <td v-for="day in nbDaysInMonth" :key="index" :class="{weekend: isWeekend}">{{dayOfWeek(day,index)}}</td>
  </tr>

скрипт:

data: () {
   isWeekend: false,
},
methods : {
  dayOfWeek(day) {
    var d = moment(new Date(this.currentYear + '-' + this.nbMonth + '-' + day)).day();
    if(d === 5 || d === 6) {
      this.isWeekend = true
    } else {
      this.isWeekend = false
    }
    return this.days[d]
  }
}

Answer 1

Вы изменяете isWeekend при визуализации компонента, поэтому вызывает повторную визуализацию компонента, я думаю, что это вызывает бесконечный цикл.

Не рассчитывайте isWeekend как часть dayOfWeek. Я думаю, что лучшим решением было бы создание другого метода.

РЕДАКТИРОВАТЬ: как предлагается в комментарии, использование вычисленных значений, вероятно, является еще лучшим решением.