vue.js class属性动态绑定

1、vue.js组件标签中,可以用 :class=“xxx”来绑定样式,xxx就是vue实例的data中定义的变量,通过双向绑定赋值;

2、这里记录的是另外几种实现方式:

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

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