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\'}
}
}
相关文章: