vue中给奇数行div添加class属性

51 阅读 0 评论 34 点赞

我是靠谱客的博主忧郁季节，最近开发中收集的这篇文章主要介绍vue中给奇数行div添加class属性，觉得挺不错的，现在分享给大家，希望可以做个参考。

1.对于处于使用jquery框架中的前端，一时间很难转变成vue，用数据驱动界面渲染。
首先想到的是用vue中的v-if-else标签，来判断奇偶数行来进行判断添加属性，结果没成功，这个标签只会实现满足条件后显示与消失

2.这里应该绑定class属性，进行判断，若满足条件即该class属性实现，下面贴出代码

<div class="list-item" v-for="(item,index) in data" :class="{'active':index%2 != 1}">{{data[index].name}}</div>

奇偶数行的判断自行在判断语句中进行更改

3.好了又跳出一个坑。

以上就是忧郁季节为你收集整理的vue中给奇数行div添加class属性的全部内容，希望文章能够帮你解决vue中给奇数行div添加class属性所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。