vue中,三目运算符动态添加class类型

动态添加class,可以使用<span :class="{'tab_active':currentTab==0}">任务积分</span>这种方式,
作用:currentTab为0时,tab_active生效。但是有个弊端,如果currentTab不为0时,就无法指定类选择器了。可以使用三目运算符实现。

三目运算符动态添加class类型

作用:currentTab为0,使用tab_active类生效,否则tab_default类生效

<div  :class="currentTab==0?'tab_active':'tab_default '">
</div>

总结:开发中最好使用三目运算符的这种方式,毕竟可扩展性高

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容