导读:当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} 
         
  
  
  
  
  
  
                 
                 
                 
         苏公网安备 32111202000338号
                苏公网安备 32111202000338号