VUE添加class绑定

class
    class的样式应用四种
    
    1.数组用法
        显示用标识符v-bind
        :class="['red','thin']"

    2.三元表达式
        :class="[ture?'样式':'样式']"

    3.数组中嵌套对象
        :class="[{'样式':ture}]"

    4.直接使用对象
        :class="{red:ture}"




内联样式class使用
    同样先使用v-bind绑定
    注意使用带横杠的属性必须加上双引号
    1.:style="{color='red','background-color':'red'}"
        
    2.在data中定义样式
    :style="classobj"

    例如data:{
            classobj:{color='red','background-color':'red'}
        }

    3.在data中创建多个对象,在内联样式中指定一个数组来添加多个样式
        
    :style="[classobj,classobj2]"    
    例如data:{
            classobj:{color='red','background-color':'red'}
            
            classobj2:{'background-color':'red'}
        }

        }

猜你喜欢

转载自www.cnblogs.com/xiaozhang666/p/10678863.html