我是靠谱客的博主 敏感百合,这篇文章主要介绍vuejs中怎么动态添加class,现在分享给大家,希望可以做个参考。

用的比较多的方法:

<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内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(53)

评论列表共有 0 条评论

立即
投稿
返回
顶部