vue在循环时如何动态改变class

励志重写JDK

于 2019-04-22 17:27:13 发布

阅读量3.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/ajax_yan/article/details/89456733

29 篇文章

订阅专栏

本文介绍如何在Vue中使用动态绑定class实现隔行换样式，包括for循环遍历列表、利用方法动态返回class名等技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以前遇到过动态显示图片用 img :src=method(param)

method :return 。。。

包括 video audio 都是一样的。

今天处理的是，vue动态绑定class ，简单说隔行换class样式

1.for循环：v-for="(item,arr) in jdList"   item是变量  ，arr 是 下标  顺序别搞错

2.:class="setClasso(arr)"     给需要改变的样式 ：绑定   里面写方法

3.setClasso: function (arr) {
    return arr%2==0?'fr cont':'fl cont';   在vue写方法  返回样式 
},

其实就是vue做了一层封装