用的比较多的方法:
①
<div class="main" :class="{'maindev':type=='123'}"></div> //前面是需要的class名称,后面是判断条件
②
<div :class="{type=='123' ? 'classaa' : 'classbb'}"></div> //这种是多个class切换的时候,当满足什么条件用classaa,否则用classbb
③
<div :class="[objectB]"></div>
data:{
return:{
objectB:{
'class-b':true,
classC:false,
classD:true
}
}
}
//形成的结果是
<div class="class-b classD"></div> //这种属于多个class的操作展示
最后
以上就是敏感百合最近收集整理的关于vuejs中怎么动态添加class的全部内容,更多相关vuejs中怎么动态添加class内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复