美文网首页Vue
vue中,三目运算符动态添加class类型

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

作者: CoderZb | 来源:发表于2020-02-24 12:43 被阅读0次

动态添加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>

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

相关文章

网友评论

    本文标题:vue中,三目运算符动态添加class类型

    本文链接:https://www.haomeiwen.com/subject/hsnmqhtx.html