Vue v-for循环自动换行

最新推荐文章于 2023-09-12 10:30:13 发布

置顶张音乐

最新推荐文章于 2023-09-12 10:30:13 发布

阅读量9.5k

点赞数 1

分类专栏： JS | Vue | React | 前端踩坑实战教程文章标签： Vue v-for 自动换行

本文链接：https://blog.csdn.net/qq_29777207/article/details/119455318

版权

JS | Vue | React | 前端踩坑实战教程专栏收录该内容

32 篇文章 131 订阅 ¥29.90 ¥99.00

订阅专栏

本文介绍如何使用Vue的v-for指令配合CSS实现卡片布局，每行展示4个卡片后自动换行，达到良好的视觉效果。

摘要由CSDN通过智能技术生成

如图所示,每行显示4个卡片

<template>

  <el-row align="middle" type="flex"  style="flex-wrap: wrap">
    <el-col :lg="{ span:6 }" v-for="(item) in schemaList" :key="item.id" :offset="0" class="card-col-wb">
      <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>卡片名称</span>
          <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
        <

了解本专栏