vue的属性绑定,vue给对象动态添加属性和值的实例

vue动态绑定class的方式：

第一种：对象的方式，: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> 第二种，数组的方式，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>