Nuxt Js установить значение на каждой итерации v-for - PullRequest
Новая
       16

Nuxt Js установить значение на каждой итерации v-for

0 голосов
/ 21 сентября 2019

У меня есть этот код, и я хочу найти способ вызывать getPickedTeam один раз за каждую итерацию, и я знаю, что не могу каждый раз устанавливать его для атрибута данных, потому что это создаст бесконечный цикл рендеринга.

Причина, по которой я хочу установить PickedTeam, заключается в том, что мне нужно вызывать его как минимум 5 раз за одну и ту же итерацию, поэтому будет очень медленно, если я найду команду 5 раз для 40 записей.

        <span :key="match.id" v-if="matchViewable(match)" class="center-item">
          {{ getPickedTeam(record.resultMatches, match).pickedTeam }}
          <span v-if="match.mondayNight">
            &nbsp;<b>{{ getPickedTeam(record.resultMatches, match).pickedTeam }}</b>
          </span>
          //i'd like to call getPickedTeam here about 3 more times but it will become slow
        </span>

В моих методах у меня есть это 

getPickedTeam(picks, match) {
      const team = picks.filter(function(pick) {
        return pick.match.id == match.id;
      })[0];
      if (team) {
        return team;
      }
    }

Может быть, есть способ установить getPickedTeam, используя vuex store, но я нуб, и я не знаю как: (

...