xiaozhang666

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\'}
        }

        }

分类:

技术点:

相关文章: