VUE row动态集合遍历col

最新推荐文章于 2024-10-09 11:07:55 发布

ﾉBye~

最新推荐文章于 2024-10-09 11:07:55 发布

阅读量2k

点赞数 1

分类专栏： vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_28016751/article/details/121858767

版权

vue 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

每行两列

<div v-for="(items, index) in departTree" v-if='index%2==0'>
    <a-row :gutter="24" :style="index>0?'margin-top:20px;':''">
        <a-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
            <a-card :loading="loading" :bordered="false">
                <a slot="extra" href="#" @click="xxxx(items.id)">详情</a>
            </a-card>
        </a-col>

        <a-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24" v-if='index+1<departTree.length'>
            <a-card :loading="loading" :bordered="false" :title="departTree[index+1].name" >
              <a slot="extra" href="#" @click="xxx(departTree[index+1].id)">详情</a>
              <a slot="extra" href="#" @click="xxxx(departTree[index+1].id)" style="margin-left:15px">更多</a>
           </a-card>
        </a-col>
    </a-row>
</div>

实现效果