美文网首页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