课堂上逻辑太多

Tobias RathkjenNørbygaard

因此，我编写了此代码，它可以正常工作

<tr
          v-for="(day, index) in days"
          :key="index"
          :class="[
            { no_target: day.date.format('dddd') == 'Sunday' || day.date.format('dddd') == 'Saturday' },
            { active: moment == day.date.format('Do dddd') },
          ]"
          class="calendar-row"
        >

这将no_target类添加到周末，并激活到今天。但是我的老板认为这是类内部太多的逻辑，希望我将其移至方法或计算属性。我似乎真的想不出解决方案。

你们中任何一个头脑敏捷的人都对此有解决方案？

科西莫·切利尼（Cosimo Chellini）

我认为使用这样的方法可能会有所帮助

methods: {
    isHoliday(day) {
      const formattedDay = day.date.format("dddd");
      return ["Sunday", "Saturday"].includes(formattedDay);
    },
  },

所以你可以这样做

<tr v-for="(day, index) in days"
          :key="index"
          :class="[
            { no_target: isHoliday(day)},
            { active: moment == day.date.format('Do dddd') },
          ]"
          class="calendar-row">

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。