欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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来决定使用哪个样式。