vue动态绑定class属性

vue动态绑定class的方式：

1. 第一种：对象的方式，:class = {iscolor ： boo}
   (第一个参数iscolor为类名，第二个参数boo是一个变量，类型为一个boolean值)

<div :class="{color:scope.row.state == null || 
					scope.row.state.toLowerCase() === 'error'}">
						{
   
   {scope.row.state}}
</div> 

data（）{
return {
		iscolor : true
	}
}

.color {
  color: #ea5151e8;
}

渲染后的

<div  class = "color"></div>

2. 第二种，数组的方式，class = [iscolor ? “color” : “nocolor”]
   (三木运算符的形式，iscolor 为变量，color 和 nocolor为类名,类名必须加引号)

<div :color = iscolor ></div>

data（）{
return {
		iscolor : true
	}
}

.color {
  color: #ea5151;
}
.nocolor {
  color: #3333e8;
}

渲染后的

<div class = "color"></div>