vue动态设置样式

当元素的样式需要根据数据动态改变时，我们可以用变量的方法动态的设置样式的属性值，从而达到动态设置元素的样式。

<templateslot-scope="{ row }" slot="percentage">

<div style=" background-color: #F59A23; border-radius: 2px;">

<div :style="{'width': row.percentage+'%', 'backgroundColor': row.fColor,}" >&nbsp</div>

</div>

</template>

注意：

Style前面要加“:” 即:style

属性名用驼峰命名，不同的属性之间用“，”逗号隔开。

属性值可以用变量加其他的字符串拼接。