样式绑定

class与style是HTML元素的属性,用于设置元素的样式,我们可以用v-bind来设置样式属性。

绑定HTML class

1.对象语法

  • isActivehasError变化时,class列表将相应的更新。
    图片.png
图片.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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容