0
我有一些数据,我会循环使用v-for
。但是我想用custom looping
来显示数据,比如模数,我有点困惑。Vue自定义循环数据与V - 为
我想要的结果是每three items
显示的数据,会做grouping
所以有different class
每3项。
的数据我想:
<div class="col-md-4 hidecontent data_1" content="#data_0">1 Blablablabla</div>
<div class="col-md-4 hidecontent data_1" content="#data_1">1 Blablablabla</div>
<div class="col-md-4 hidecontent data_1" content="#data_2">1 Blablablabla</div>
<div class="col-md-4 hidecontent data_2" content="#data_3">2 Blablablabla</div>
<div class="col-md-4 hidecontent data_2" content="#data_4">2 Blablablabla</div>
<div class="col-md-4 hidecontent data_2" content="#data_5">2 Blablablabla</div>
<div class="col-md-4 hidecontent data_3" content="#data_6">3 Blablablabla</div>
<div class="col-md-4 hidecontent data_3" content="#data_7">3 Blablablabla</div>
<div class="col-md-4 hidecontent data_3" content="#data_8">3 Blablablabla</div>
你看,data_1
有3项。 data_2
有3个项目,data_3
有3项
我的环流式数据:
<div class="col-md-4 hidecontent" v-for="(item, index) in this.$parent.items" :key="item._id" :content="['#data_' + index]">
<div class="features_item sm-m-top-30">
<div class="f_item_text">
<img v-bind:src="item.picture">
<span>{{ countTitle(item.title) }}</span>
<p>{{ countSting(item.body) }}</p>
</div>
</div>
</div>
创建模条件时,就像我很困惑:
if(i % 3 === 2)
如何让每一个3 recurrence data
添加到类名称从data_1
开始,以此类推为接下来的3个数据
为什么不除以3和截断? '1 + Math.trunc(7/3)'将返回3 – Botje
嗨@Botje我想要这样的格式...也许你有一个想法? –