vue中的for循环如何循环到到一定次数换行(歪门邪道)

这只针对小数目,需要处理大量数据不建议使用

方法,就是用v-for="(item,index) in list.slice(0, 3)“这种分割数组,然后手写一个换行,然后继续v-for=”(item,index) in list.slice(3, 6)",这样就很容易解决了。
大量数据建议使用v-for和v-if的组合方法(有一个我没法解决的问题,换行的出来的效果不尽人意,有大佬可以补充一下方法)
下面展示一些 内联代码片

<div class="showBook" v-for="(item,index) in list.slice(0, 3)">
                <img class="bookImg" src="images/image1.png">
                <br>
                <span>书本1</span>
            </div>
            <br>  //手动换行
            <div class="showBook" v-for="(item,index) in list.slice(3, 6)">
                <img class="bookImg" src="images/image1.png">
                <br>
                <span>书本1</span>
            </div>

--------------2021-1-24---------------------------
在循环外面加个div,设置宽度,就可以自动换行了。。。难怪网上看不到解决方法,原来自己是个奇葩

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值