Vue知识整理9：class与style绑定

标签：支持   技术   图片   使用   image   控制   inf   背景颜色   背景   

1.v-bind：class：绑定class样式。通过控制isActive变量值来实现是否显示；通过.active样式设置背景颜色。

2.支持普通的class与v-bind绑定样式混合使用；

  v-bind中支持多个动态样式，例如增加一个green:isGreen动态样式；下面style中添加相应的样式。

这里在v-bind中也支持数组形式的样式名称，如下：

同时也支持三元运算，动态样式。

3.v-bind:style 中的style内联样式

也支持三元运算

Vue知识整理9：class与style绑定

标签：支持   技术   图片   使用   image   控制   inf   背景颜色   背景   

原文地址：https://www.cnblogs.com/KKSoft/p/11619973.html