广告传媒建设网站,中山网站建设哪家便宜,几个好用的在线网站,you物公馆网站建设简介#xff1a;Vue中class样式的绑定
1、字符串写法
使用场景#xff1a;样式的类型不确定
写法#xff1a;
div :classxd_bg测试账号/div
手动触发样式改变
注意#xff1a;字符串使用的是vue实例data中已有的属性
2、对象写法
使…简介Vue中class样式的绑定
1、字符串写法
使用场景样式的类型不确定
写法
div :classxd_bg测试账号/div
手动触发样式改变
注意字符串使用的是vue实例data中已有的属性
2、对象写法
使用场景样式个数、类名确定通过Bollean动态展示与否
写法
对象写在内联样式
div :class{bg_red:bg_red,border:border}测试/div
对象写在data中
div :classlist测试/div
data: {
list: {bg_red: bg_red,border: border,},
}
3、数组写法 使用场景需要绑定的样式个数不确定类名也不确定 写法 内联写法 div :class[xd_border,xd_bg]测试/div 数组里加三元运算符 div :class[isActive?xd_border:,xd_bg]测试/div 写在data中 div :classlist⼩滴课堂/div
data:{list:[border, bg_red]
}
