vue.js class属性动态绑定
程序员文章站
2022-05-15 22:49:21
...
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来决定使用哪个样式。
上一篇: Vue.js原生指令
下一篇: vue(四)品牌列表案列