Vue运用三元表达式，进行背景颜色的切换

1， :style使用v-bind绑定了一个style属性2， ‘background’背景3， item.flag(item：for循环的循环体，.flag：集合中的属性)4， item.flag === false(item.flag这个值是否 === flag):style="{'background':item.flag === false ? '#FFFFFF':'#F56C6C'}"希

幽幽阑珊

2747人浏览 · 2021-10-29 16:33:30

幽幽阑珊 · 2021-10-29 16:33:30 发布

三元表达式 1， :style 使用v-bind绑定了一个style属性
2， ‘background’ 背景
3， item.flag (item：for循环的循环体，.flag：集合中的属性)
4， item.flag === false (item.flag这个值是否 === flag)

:style="{'background':item.flag === false ? '#FFFFFF':'#F56C6C'}"

希望能帮到你！！

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}$/, //不连续的两位字母// /^