vue.js class属性动态绑定

1、vue.js组件标签中,可以用 :class=“xxx”来绑定样式,xxx就是vue实例的data中定义的变量,通过双向绑定赋值;
【vue.js class属性动态绑定】2、这里记录的是另外几种实现方式:

2-1 :class="'img'"这种写法直接查找img的class样式,不再在vue实例的data中找了; 2-2 :class="['img','vedio','title']" 这种方式可以同时给定多个样式; 2-3 :class=" isTrue?'showIt':' ' " 这种方式使用三元表达式来判断变量isShow(vue实例data中定义的)是否为true来决定使用哪个样式。

    推荐阅读