导读:当Vue的class样式依据状态status进行绑定,且该状态有多种情况(如status=0、1、-1对应不同样式)时,可采用特定语法实现判断绑定。具体代码为::class="{'YY-bg-grey':item.status===0,'YY-bg-primary':item.status==1,'YY-bg-red':item.status==-1}",此方式能清晰明确地根据不同的status值来绑定相应的样式类。
举个例子:如果Vue的class样式是根据状态status来绑定的,这个状态有很多种情况,比如 status=0时为一个样式,status=1时为一个样式,status=-1时是一个样式,那么这种情况应该怎么判断绑定呢?
下面直接给出代码,清晰易懂
:class="{'YY-bg-grey':item.status===0,'YY-bg-primary':item.status==1,'YY-bg-red':item.status==-1}
关键词: Vue
class
动态绑定
样式
多分支判断
绑定
Switch
判断
苏公网安备 32111202000338号