Class 与 Style 绑定总结

本文主要是介绍Class 与 Style 绑定总结，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.对象语法：单个对象

:class="{'weui-bar__item_on': activeIndex == index}"

weui-bar__item_on使用与否取决于后面的表达式是否为真

2.对象语法：多个对象

:class="{'iconxietouhuanzheduan-7': item.time==='早班', 'iconxietouhuanzheduan-8': item.time==='中班'}"

iconxietouhuanzheduan-7的使用取决于item.time是否为早班
iconxietouhuanzheduan-8的使用取决于item.time是否为中班

先用着对象语法，数组还不怎么用

3.三元表达式

:class="item.seen ? 'iconxietouicon-18' : 'iconxietouicon-20'"

根据item.seen的真值决定选择iconxietouicon-18还是iconxietouicon-20

这篇关于Class 与 Style 绑定总结的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---