当前位置: 首页 > 编程笔记 >

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

段干子晋
2023-03-14
本文向大家介绍在vue中给列表中的奇数行添加class的实现方法,包括了在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的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍vue中动态添加class类名的方法,包括了vue中动态添加class类名的方法的使用技巧和注意事项,需要的朋友参考一下 vue 动态添加class类名,灵活得让你发狂,下面示例几个 以上这篇vue中动态添加class类名的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍C#中GridView动态添加列的实现方法,包括了C#中GridView动态添加列的实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#中GridView动态添加列的实现方法。分享给大家供大家参考。具体如下: 希望本文所述对大家的C#程序设计有所帮助。

  • 问题内容: 我有一些像这样的数据框: A中值 的 可能范围仅为0到7 。 另外,我有一个8个元素的列表,如下所示: 如果A列中的元素是 n ,我需要将List中的第 n 个元素插入新列,例如’D’。 如何一口气做到这一点而又不遍历整个数据框? 产生的数据框如下所示: 注意:数据框很大,迭代是最后一个选项。但是如果需要的话,我也可以将其他数据结构(如dict)排列在“ List”中的元素上。 问题答

  • 本文向大家介绍Ajax动态为下拉列表添加数据的实现方法,包括了Ajax动态为下拉列表添加数据的实现方法的使用技巧和注意事项,需要的朋友参考一下  1. 前台jsp,新建一个下拉控件 2. js部分,建一个function方法,利用ajax,指向 'getAllTypes.action' 的servlet部分,获取传来的下拉列表的数据,动态填充 3. 新建一个servlet页面,用来向Ajax返回数

  • 本文向大家介绍.NET WinForm实现在listview中添加progressbar的方法,包括了.NET WinForm实现在listview中添加progressbar的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了.NET WinForm实现在listview中添加progressbar的方法。分享给大家供大家参考,具体如下: 找了好长时间没找到,后来索性自己写了一个: 首

  • 本文向大家介绍C#中DataGridView动态添加行及添加列的方法,包括了C#中DataGridView动态添加行及添加列的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#中DataGridView动态添加行及添加列的方法。分享给大家供大家参考。具体如下: Datagridview添加列: Datagridview创建行: 希望本文所述对大家的C#程序设计有所帮助。