Vue使用v-for定制循环数据

Question

我有一些数据，我将使用v-for循环。但是当我想使用custom looping显示数据时，我有点困惑，比如模数。

我想要的结果是每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

您看，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> 有3个项目

我的循环数据：

if(i % 3 === 2)

在创建模数条件时我很困惑，如：

3 recurrence data

如何从data_1开始为每个apt-get update && apt-get -y install hostapd hostap-utils iw bridge-utils dnsmasq 添加/boot/cmdline.txt等等，以便接下来的3个数据

Answer 1

您可以使用Math.floor(i/3)+1此处i索引并从表单0开始

＆＃13;

＆＃13;

for(i=0;i<=10;i++){
  console.log(Math.floor(i/3)+1);
}

＆＃13;

＆＃13;

＆＃13;