//奇數行??

<ul>??

?<li?class="list-item"?v-for="(item,index)?in?data"?:class="{'active':index%2?!=?1}">{{data[index].name}}</li>??

</ul>??

奇數行：:class="{'active':index%2 != 1}"

偶數行：:class="{'active':index%2 != 0}"

active是需要添加的class

轉載于:https://www.cnblogs.com/lccluyan/p/8335886.html

總結

以上是生活随笔為你收集整理的在vue中给列表中的奇数行添加class的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。