Vue当中动态绑定类名

Vue当中动态绑定类名

   123
    <!--
    动态绑定类名方法有三种
    一种是对象的写法[对象写法一般用在布尔值的判断上]
    <button class="zy-button" :class="{'is-plain':plain}">
    index===currentIndex这个返回一个布尔值,如果是false则不加is-plain这个类名,如果为true则加
    <button class="zy-button" :class="{'is-plain':index===currentIndex}">
    一种是数组的写法
    <button :class="["zy-button",index===currentIndex？'className':'']">
    这样button会有至少一个类名,如果index===currentIndex那么就有两个类名,分别为zy-button和className
    还有一种是数组内部放对象的写法
    :class="[`zy-button--${type}`,{'is-plain':plain}]"
    -->
456