vue动态添加class 三个以上的条件做判断（转）

时间：2022-08-22 15:58:53浏览次数：56

标签：status vue redRoom 样式 items Number 添加 class

原文：https://blog.csdn.net/Akatsuki233/article/details/100653049

:class="{'redRoom': Number(items.status) === 1, 'greenRoom1': Number(items.status) === 2, greenRoom2: Number(items.status) > 2}"

如果 status为1，样式为redRoom
如果 status为2，样式为greenRoom1
如果 status为其他，样式为greenRoom2

标签：status,vue,redRoom,样式,items,Number,添加,class
From： https://www.cnblogs.com/pine007/p/16613020.html

新建了个Java类，启动后报编译错误：Error:(1, 1) java: 非法字符: '\ufeff' Error:(1, 1
【问题】Error:(1,1)java:非法字符:'\ufeff'Error:(1,10)java:需要class,interface或enum 【原因】编译问题因为程序编译时是按照UTF-8的格式来编译运行，......
vue父传子属性命名和封装组件命名问题（巨坑）
在vue的中文官网有这样的说明：HTML中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用DOM中的模板时，camelCase(驼峰命名法)的pr......
java springboot 初体验（六）添加统一的入参出参打印日志（使用切面）
上一篇javaspringboot初体验（五）对接apollohttps://www.cnblogs.com/zwjvzwj/p/16602858.htmlpom文件中添加依赖<dependency>......
Vue中bus传值的理解
说起bus你会想到什么？公交车？总线？在Vue中，对于任意两个组件之间的传值，就可以使用事件总线—bus。简单描述在任意两个组件传值中，可以创建一个bus类负责事件派发、监听......
Vue 组件通信之 Bus
bus详细描述：vue中非父子组件之间通信除了使用vuex，也可以通过bus总线，两者适用场景不同。bus适合小项目、数据被更少组件使用的项目，对于中大型项目数据在很多组件之间使用......
JAVA中子类使用super.getClass()方法
一般来说，java中调用getClass().getName()这个方法可以获取本类的名称，例如：importjava.util.Date;publicclassTest06extendsDate{publicstaticvoidmain(St......
vue.ps1 报错
XXX_fei这个根据自己电脑情况而定vue:无法加载文件C:\Users\XXX_fei\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本，这样的问题，需要使用管理员权限打开，然后......
非props的属性,那么该属性会添加到子元素的根元素上 , 在子元素想到得到这些属性可以
父组件:<template><show-infoname="why":age="18":height="1.88......
vue ui 报错
vueui报错vue图形界面创建项目报：GraphQLerror:Cannotreturnnullfornon-nullablefieldMutation.projectCreate，解决方法1、删除C:\Users\fei\AppData\Roaming\np......
vue报错elementUI使用datepicker报错Avoid mutating a prop directly since the value
报错问题：[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcompute......

vue动态添加class 三个以上的条件做判断（转）

相关文章

赞助商

阅读排行