Vue的样式绑定详解
程序员文章站
2024-03-27 08:32:10
1. 样式绑定(class、style)1.1 绑定class固定的类名就正常的写,需要动态绑定的类名就v-bind去绑定它例如::class= "mood"下面举一些适用的场景:...
1. 样式绑定(class、style)
1.1 绑定class
固定的类名就正常的写,需要动态绑定的类名就v-bind去绑定它
例如::class= "mood"
下面举一些适用的场景:
1.绑定class样式—字符串写法,适用于:样式的类名不确定,需要动态指定
2.绑定class样式 — 数组写法使用的场景 :绑定的样式的个数不确定,名字也不确定
3.绑定class样式 — 对象写法使用的场景:绑定的个数确定的,名字也确定,不确定的是用不用该类名
1.2 绑定style
例如::style = "styleobj"
总结
本篇文章就到这里了,介绍了class和style如何绑定,希望能够给你带来帮助,也希望您能够多多关注的更多内容!