在vue中給列表中的奇數行添加class的實現方法

---------筆記---------

實現效果：給列表中的奇數或偶數添加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

以上這篇在vue中給列表中的奇數行添加class的實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com