Tenho um metodo que faz uma busca numa api feita em laravel e me devolve um json, preciso percorrer esse json num v-for e a cada 3 interações seja criada uma nova row. No PHP seria mais ou menos assim.
foreach ($variable as $key => $value) {
if($i == 3){
echo "</div>"; //fecha a div de classe row
echo '<div class="row">'; //Abre a div de classe row
}
}
Se alguém puder me dar uma luz agradeço.
<template>
<div class="row">
<div class="card bg-primary-gradient collapsed-card" v-for="(item, index) in items" :key="index.id">
<div class="card-header">
<h3 class="card-title">{{item.title}}</h3>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-widget="collapse"><i class="fa fa-minus"></i>
</button>
</div>
<!-- /.card-tools -->
</div>
<!-- /.card-header -->
<div class="card-body" style="display: none;">
{{item.price}}
</div>
<!-- /.card-body -->
</div>
</div>
== 3
criaria uma nova linha e repetia a operação novamente, coisa que no vuejs não sei como fazer