vue中给奇数行div添加class属性
1.对于处于使用jquery框架中的前端,一时间很难转变成vue,用数据驱动界面渲染。首先想到的是用vue中的v-if-else标签,来判断奇偶数行来进行判断添加属性,结果没成功,这个标签只会实现满足条件后显示与消失2.这里应该绑定class属性,进行判断,若满足条件即该class属性实现,下面贴出代码<div class="list-item" v-for=&q
·
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.好了又跳出一个坑。
更多推荐
已为社区贡献21条内容
所有评论(0)