vue通过属性绑定为元素设置class样式

第一种方式,直接传递一个数组,注意使用v-bind绑定
            <h1 :class="['red','size'">这是一个h1文本</h1>
在代码里使用三元表达式
            <h1 :class="['red','size',flag?'active':'']">这是一个h1文本</h1>
在代码里使用对象和数组
           <h1 :class="['red','size',{'active':flag}]"></h1>
在代码里使用对象
            <h1 :class="[{red:ture,active:ture}]"></h1>
 
posted @ 2020-04-07 16:21  子枫i  阅读(1064)  评论(0编辑  收藏  举报