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

方法,就是用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,设置宽度,就可以自动换行了。。。难怪网上看不到解决方法,原来自己是个奇葩

Logo

前往低代码交流专区

更多推荐