vue中的双重for循环

最新推荐文章于 2024-06-27 20:24:31 发布

抄一下你代码

最新推荐文章于 2024-06-27 20:24:31 发布

阅读量4.8k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_43992359/article/details/111555040

版权

举例说明
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>