在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

转载于:https://www.cnblogs.com/lccluyan/p/8335886.html

在vue中给列表中的奇数行添加class相关推荐

从python中的列表中获取唯一值[重复]
本文翻译自:Get unique values from a list in python [duplicate] This question already has an answer here: ...
dart - 如何从Dart中的列表中找到最小值和最大值
dart - 如何从Dart中的列表中找到最小值和最大值? 我已经尝试了以下代码段.但是它将引发有关类型转换的错误.因为列表具有整数和 double 值的组合.但是 **list.reduce(min ...
如何从Dart中的列表中找到最小值和最大值？
dart - 如何从Dart中的列表中找到最小值和最大值? 我已经尝试了以下代码段.但是它将引发有关类型转换的错误.因为列表具有整数和 double 值的组合.但是 **list.reduce(min ...
vue遍历输出列表中以逗号隔开的字符串
问题描述后台接口返回一个以逗号隔开的字符串,在列表中需要将逗号隔开的字符串便利并将对应的用户编号转换成为用户姓名代码展示列表代码 <el-table-columnprop="au ...
python里面列表可以同时删除吗_在python中从列表中删除项，同时对其进行迭代
本问题已经有最佳答案,请猛点这里访问. 我正在为锦标赛应用程序编写循环算法. 当玩家数量为奇数时,我将'DELETE'添加到玩家列表中,但稍后,当我想从包含'DELETE'的日程表列表中删除所有项目时 ...
Java中迭代列表中数据时几种循环写法的效率比较
Java中经常会用到迭代列表数据的情况,本文针对几种常用的写法进行效率比较.虽然网上已经有了类似的文章,但是对他们的结论并不认同. 常见的实现方法: 1.for循环: [java] view plai ...
GROUP BY 子句中选择列表中的列无效，因为该列没有包含在聚合函数或
T-SQL核心语句形式: SELECT --指定要选择的列或行及其限定 [INTO ] --INTO子句,指定结果存入新表 FROM --FROM子句,指定表或视图 [W ...
java字符串删掉子串_如何从Java中的列表中删除子列表？
java字符串删掉子串从列表中删除子列表 (Removing SubList from a List) Suppose, we have a list of few elements like th ...
python列表中随机选择_如何在Python中从列表中随机选择一个项目？
python列表中随机选择 Python random module provides an inbuilt method choice() has an ability to select a ra ...

在vue中给列表中的奇数行添加class

在vue中给列表中的奇数行添加class相关推荐

最新文章

热门文章