vue中的for循环如何循环到到一定次数换行(歪门邪道)
这只针对小数目,需要处理大量数据不建议使用方法,就是用v-for="(item,index) in list.slice(0, 3)“这种分割数组,然后手写一个换行,然后继续v-for=”(item,index) in list.slice(3, 6)",这样就很容易解决了。大量数据建议使用v-for和v-if的组合方法(有一个我没法解决的问题,换行的出来的效果不尽人意,有大佬可以补充一下方法..
·
这只针对小数目,需要处理大量数据不建议使用
方法,就是用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,设置宽度,就可以自动换行了。。。难怪网上看不到解决方法,原来自己是个奇葩
更多推荐
已为社区贡献1条内容
所有评论(0)