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

65 阅读 0 评论 43 点赞

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

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

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

复制代码

1
<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属性内容请搜索靠谱客的其他文章。

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