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

你可能感兴趣的:(前端)