在vue中给列表中的奇数行添加class的实现方法

ttx9n · 发表于 2018-9-5 10:13:34

今天小编就为大家分享一篇在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的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

5ble0ks · 发表于 2022-9-3 22:02:39

sdsadsadsadf

pb_tjc · 发表于 2022-9-7 06:46:09

怕怕怕怕怕怕怕怕怕怕怕怕怕怕

95nd4ba · 发表于 2022-9-21 09:40:18

源码源码源码源码源码源码源码源码源码源码源码源码源码

z80vh · 发表于 2023-8-23 11:57:13

好东西一定要看看！

醉梦娱乐网 · 发表于 2024-5-28 16:40:59

了乐趣了去了去了去了去了

0y3yp · 发表于 2024-7-29 07:36:30

这个源码还可以

5cf304mn2 · 发表于 2024-8-28 13:11:10

啪啪啪生怕PSP怕

回复用户5 · 发表于 2024-8-29 05:11:23

需要很久了终于找到了

vir5051 · 发表于 2024-9-7 14:58:59

iiguuubhuiuihu

账号		自动登录	找回密码
密码			立即注册

[JavaScript] 在vue中给列表中的奇数行添加class的实现方法