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.好了又跳出一个坑。

Logo

前往低代码交流专区

更多推荐