vue绑定class的多种方式

最新推荐文章于 2024-02-21 00:30:47 发布

一行注释

最新推荐文章于 2024-02-21 00:30:47 发布

阅读量466

点赞数 1

分类专栏： vue 文章标签： calss ==?

本文链接：https://blog.csdn.net/qq_37818095/article/details/86160776

版权

vue 专栏收录该内容

74 篇文章 4 订阅

订阅专栏

<span class="active">原始命名</span>
<span :class="active">动态命名</span>
<span :class="遍量=='条件'?'成立':'不成立'">三元运算</span>
<span :class="{'active':遍量=='条件'}">条件判断</span>
<span :class="[active,'default']">动态+默认}</span>
<span :class="[遍量=='条件'?'成立':'不成立','默认值']">三元判断+默认</span>
<span>:class="[{'ani_time_10 ani_top_bottom':index%2==0,
'ani_time_12 ani_bottom_top':index%2==1},'bubble_item','ani_auto']"</span>

暂时想到这些发现了再补充