在vue中給奇數行動態新增class

李澤舉發表於2020-11-06
原文網址 : https://blog.csdn.net/weixin_45895806/article/details/109539374
Vue

實現效果：給列表中的奇數或偶數新增class

<!-- 奇數行 -->
   <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類名

相關文章