vue中的双重for循环

举例说明
this.tablebottombox中的数据是这样的
表头

表格数据

效果图

代码是这样的

 <div class="tabletop" v-for="(item, index) in this.tablebottombox"
> :key="index">
>         <template v-for="(headItem, i) in tabletopbox">
>             <div :key="i" class="tabletopbottom">
>                 {{ item[headItem.fieldName] }}
>             </div>
>         </template>
>     </div>