欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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如何绑定,希望能够给你带来帮助,也希望您能够多多关注的更多内容!    

相关标签: Vue 样式 绑定