从两个不同来源检索数据以填充<；tr>；在表javascript/Vue.js中

你好，开发者。。。我试图从两个不同的来源获取数据，以填写tr，使用v-for。我的想法是使用2 v-for引用两个不同的来源，但结果不正确

假设我得到了这两个数据源

all_games=[
{game_id: 1, game_player: messi},
{game_id: 2, game_player: cr7},
{game_id: 3, game_player: Roni},
{game_id: 4, game_player: Ibra},

]
lastGameStatus=[ "Looses", "Wins", "Wins", "Looses"]

然后在试图构建表的html标记上设置

<v-simple-table>
        <template>
          <thead>
            <th>Game #</th>
            <th>Game Player</th>
            <th>Game Status</th>
          </thead>
          <tbody >
            <tr v-for="(game,index) in all_games" :key="index"  >
              <td> # {{game.game_id}}</td>
              <td> {{game.game_player}}</td>
              =======UNTIL HERE BEING RENDERED TO THE MAIN DATA SOURCE THE TABLE FILLS PERFECT===
              
             <span v-for="(value1, index1) in lastGameStatus" :key="index1" >
                <td >
                  {{value1}}
                </td>
              </span>=======THEN HERE TRYING TO USE A SECOND V-FOR ON A SPAN TO ROLL A 3rd <td> I GOT THE PROBLEM=====
                
            </tr>
          </tbody>
        </template>
      </v-simple-table>

是否可以使用两个v-for填充同一行来改善这一点？

---

提前感谢

不建议使用

span

作为

tr

的直接子级，因此尝试使用一个

td

来呈现给定索引中的数据：

 <td >
    {{lastGameStatus[index]}}
</td>

{{lastGameStatus[index]}

我就是这样做的，但是每一行都会给我一个完整的状态数组，哇，这是一个非常简单的解决方案！。。谢谢布拉希姆！！！

 <td >
    {{lastGameStatus[index]}}
</td>