v-for 循环两个不一样的tr

Question

如图想要循环两个不同的tr，直接放在div里面table dom会出问题，有没有标签能不影响dom又能将两个tr循环呢？

<!-- 内容 -->
        <div v-for="(item, key) in listData" :key="key">
            <tr>
              <td align="center">{{item.areaName}}</td>
              <td align="center">{{item.labName}}</td>
            </tr>
            <tr>
              <td align="center">xxxx</td>
            </tr>
        </div>

Answer 1

<table>
    <template v-for="">
        <tr :key=""></tr>
        <tr></tr>
    </template>
</table>

Answer 2

     <div v-for="(item, key) in listData" :key="key">
            <tr v-if="key % 2 === 0">
              <td align="center">{{item.areaName}}</td>
              <td align="center">{{item.labName}}</td>
            </tr v-if="key % 2 === 0"> 
        </div>