Vue自定義循環數據與V - 爲

我有一些數據，我會循環使用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個數據

來源

2017-09-06 Bertho Joris

爲什麼不除以3和截斷？ '1 + Math.trunc（7/3）'將返回3 – Botje

嗨@Botje我想要這樣的格式...也許你有一個想法？ –

您可以使用Math.floor(i/3)+1這裏i指數，並開始形式0

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

來源

2017-09-06 09:32:00 C2486

Vue自定義循環數據與V - 爲

回答

相關問題