4,如何使用class进行样式的绑定

vue中样式(使用vue进行样式的绑定)

第一种

对于不使用vue进行样式绑定使,直接class="thin active"即可

使用vue的数组进行多个样式的绑定(绑定属性使用v-bind也就是:)

:class=“{‘thin’,‘itatic’,‘active’}”

:class=“{‘thin’,‘itatic’,flag?'active':''}”

这样就可以从vue获取数据,如果flag为true,就使用active,如果不为true就什么都不变

:class=“{‘thin’,‘itatic’,{‘active’:flag}}”

这样可以使用该对象来进行判断,简化了三元表达式的体现

第二种,对象

16196576-4d2ff4f375e4eef4.png
1556330989145.png

Vue使用行内样式

内部样式使用无序键值对的集合

:style=''{color:"red",}''

同样的可以将该数组定义成一个对象

猜你喜欢

转载自blog.csdn.net/weixin_34235105/article/details/91026135