v-for循环中的模数

Question

我正在循环显示div，我想根据循环的索引绑定类。所以我要实现的是索引0和1的类别为col-6，然后2,3,4的类别为col-4，然后5和6的类别为{{1 }}等。

所以最后我的div看起来像这样：

col-6

以此类推。

我找不到能以模数尝试但没有运气的模式。目前，我的代码是：

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

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

Answer 1

我建议创建计算的属性

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'，依此类推