VueJS v-for class alternation

Question

我找不到其他方法来重新创建类似于在引导程序中跳过表格的东西......

所以这是最好的方法吗？做％2的本地替代方案？

＆＃13;

＆＃13;

new Vue({
  el: '#app',
  props: {
    data:{
      type: Array,
      default: function(){ return ['a', 'b', 'c', 'd']; },
    }
  }
})

＆＃13;

.stripped {
  color: red;
}

＆＃13;

<script src="https://unpkg.com/vue"></script>
<div id="app">
  <p v-for='(datum, i) in data' :class='{stripped: i%2}' >{{ datum }}</p>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

如果您打算使用Vue这样做，那对我来说似乎是一个相当干净的解决方案。

或者您可以查看使用:nth-child(even)和:nth-child(odd) CSS选择器吗？