Vuejs v-for генерирует только один элемент после обновления состояния vuex

Question

в Vue Я использую состояние vuex для генерации элементов, он работает при первом запуске, но когда я обновляю состояние Vuex, которое я использую для генерации элементов в v, поскольку он не генерирует более одного элемента!

это мой код:

<div v-for="(group, index) in $store.state.eventManagement.groupCount" v-bind:key="index" class="match">
  <div class="groupTitle">{{group}}</div>
  <div v-for="(team, teamIndex) in groupTeamCount" v-bind:key="teamIndex" class="teamName">
    (#{{ (groupTeamCount * index) + teamIndex+1 }}) <span v-if="seeds[(groupTeamCount * index) + teamIndex] !== ''">{{seeds[(groupTeamCount * index) + teamIndex].username}}</span>
    <div class="addSeed" v-on:click="changeSeedNumber((groupTeamCount * index) + teamIndex)">+</div>
  </div>    
</div>

Что не так?Что ты думаешь?

Answer 1

Решено:

Проблема была из-за ввода, который изменяет значение состояния groupCount.Это ввод числового типа, поэтому я подумал, что он передает целое число, но это не так, он передает строку, поэтому v-for создает только один элемент.Я использовал parseInt для решения этой проблемы

Answer 2

$store.state.eventManagement.groupCount во внешнем v-for читается как счет в коллекции.Если правильно, то это одно значение.

Вам нужно перебрать $store.state.eventManagement (или каково правильное имя для коллекции в магазине)?