【vue】for循环一行两列

最新推荐文章于 2023-11-16 15:43:04 发布

小花花inhere

最新推荐文章于 2023-11-16 15:43:04 发布

阅读量3.1k

点赞数

分类专栏： vue 文章标签： vue for循环一行两列一行2列

本文链接：https://blog.youkuaiyun.com/IT429/article/details/119348908

版权

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何在Vue中使用for循环实现元素的一行两列展示，详细解析了相关CSS样式和Vue模板语法，帮助开发者优化前端布局技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template v-for="(v, i) in storeList" >
  <el-row gutter="24" :key="i" v-if='i%2 == 0'>
    <el-col span="6">
      左边的内容
    </el-col>
    <el-col span="6" v-if="i+1 < storeList.length">
      右边的内容
    </el-col>
  </el-row>
</template>