---------笔记---------
//奇数行 <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类名的方法
- Vuejs在v-for中,利用index来对第一项添加class的方法
- VUE在for循环里面根据内容值动态的加入class值的方法
- 使用 Vue 绑定单个或多个 Class 名的实例代码
- vue 中动态绑定class 和 style的方法代码详解
- Vue.js每天必学之Class与样式绑定