Question

在Vue中，我正在使用vuex状态生成元素，它在第一次运行时有效，但是当我更新在v中使用它生成元素的Vuex状态时，因为它不会生成多个元素！ / p>

这是我的代码：

<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

外部roles中的

groups读起来就像是集合中的计数。如果正确，则这是一个值。

您是否需要遍历$store.state.eventManagement.groupCount（或商店中集合的正确名称是什么）？

Answer 2

已解决：

问题是由于输入更改了groupCount状态的值。它是数字类型的输入，因此我认为它传递整数，但不传递整数，而是传递字符串，因此v-for仅生成一个元素。我用parseInt解决了这个问题

vuejs v-for在vuex状态更新后仅生成一个元素

2 个答案: