vue中对v-for循环出的新节点动态添加class

不废话直接上代码(仅展示一个例子具体使用视情况而定)上图是页面结构，第四行为三元运算符，将item.id==3作为判断条件，为true则设置class1的样式，否则设置class2的样式。上图是数据上图是样式以下是效果图...

快要秃头的小菜鸟

11972人浏览 · 2018-10-08 14:10:55

快要秃头的小菜鸟 · 2018-10-08 14:10:55 发布

不废话直接上代码(仅展示一个例子具体使用视情况而定)
上图是盒子结构
上图是页面结构，第四行为三元运算符，将item.id==3作为判断条件，为true则设置class1的样式，否则设置class2的样式。
在这里插入图片描述
上图是数据

上图是样式
以下是效果图

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^