【vue】Vue中class样式的动态绑定
简介:Vue中class样式的绑定
1、字符串写法
使用场景:样式的类型不确定
写法:
测试账号
手动触发样式改变
注意:字符串使用的是vue实例data中已有的属性
2、对象写法
使用场景:样式个数、类名确定,通过Bollean动态展示与否
写法:
对象写在内联样式
测试
对象写在data中
测试
data: {
list: {bg_red: 'bg_red',border: 'border',},
}
3、数组写法
使用场景:需要绑定的样式个数不确定,类名也不确定
写法:
内联写法
测试 数组里加三元运算符
测试 写在data中
⼩滴课堂
data:{list:['border', 'bg_red']
}
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
