vue v-for 一行展示两个子项问题

最新推荐文章于 2024-07-18 14:29:59 发布

addU

最新推荐文章于 2024-07-18 14:29:59 发布

阅读量1.6k

点赞数

分类专栏： Vue 文章标签： javascript html5 v-for

本文链接：https://blog.csdn.net/flyinglf/article/details/120502745

版权

Vue 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

效果图：
在这里插入图片描述

				<template v-for="(it,i) in item.rh10list">
                      <tr
                        v-if="i%2===0"
                        :key="i"
                      >
                        <td>
                          <span>{{ it.rh1002 }}</span> <span>{{ it.rh1003 }}</span>
                        </td>
                        <td v-if="i+1<item.rh10list.length">
                          <span>{{ item.rh10list[i+1].rh1002 }}</span> 
                          <span>{{item.rh10list[i+1].rh1003 }}</span>
                        </td>
                      </tr>
                 </template>