【vue】Vue中class样式的动态绑定

简介:Vueclass样式的绑定

1、字符串写法

使用场景:样式的类型不确定

写法:

测试账号

手动触发样式改变

注意:字符串使用的是vue实例data中已有的属性

2、对象写法

使用场景:样式个数、类名确定,通过Bollean动态展示与否

写法:

对象写在内联样式

测试

对象写在data中

测试
data: {
list: {bg_red: 'bg_red',border: 'border',},
}

3、数组写法

使用场景:需要绑定的样式个数不确定,类名也不确定

写法:

内联写法

测试

数组里加三元运算符

测试

写在data中

⼩滴课堂
data:{list:['border', 'bg_red']
}


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部