Javascript v-for循环中的模

我在循环中显示div，我想根据循环的索引绑定类。所以我想得到的是索引

0

和

1

有class

col-6

然后

2,3,4

有索引

col-4

，然后5和6有class

col-6

等等

所以最终我的div会是这样的：

div.col-6 div.col-6
div.col-4 div.col-4 div.col-4
div.col-6 div.col-6
div.col-4 div.col-4 div.col-4
div.col-6 div.col-6

等等

我找不到这样的模式，我尝试了模，但运气不好。目前我的代码是：

<div v-for="(n, index) in imagesArr" :class="index === 0 || index === 1 ? 'col-6' : 'col-4'" style="padding: .5rem">
    <img :src="n" :alt="'Zdjęcie jachtu nr ' + index" class="img-fluid">
</div>

---

当然，我可以像上面那样检查每个索引，但它看起来很糟糕，因为这个循环很长，所以我正在寻找另一种方法。

我建议创建计算属性

computed: {    
    classNameByIndex: function (index) {
      return index % 5 == (0 || 1) ? 'col-6' : 'col-4';
    }
  }

---

这将为0，1返回'col-6'，为2，3，4返回'col-4'，当它使用

moduo

时，它将为5，6返回'col-6'，为7，8，9返回'col-4'，依此类推

您可以使代码更短

{return index%5==0 | 1？'col 6'：'col 4'