class与style是HTML元素的属性,用于设置元素的样式,我们可以用v-bind来设置样式属性。
绑定HTML class
1.对象语法
- 当
isActive
或hasError
变化时,class列表将相应的更新。
图片.png

2.数组语法
- 将一个数组传递给
:class
应用class
列表
图片.png
-
三元表达式根据条件切换列表中的
class
图片.png
参考资料
1.https://www.jianshu.com/p/f4024c525730
2.https://www.runoob.com/vue2/vue-class-style.html
3.https://cn.vuejs.org/v2/guide/class-and-style.html
网友评论