v-bind绑定style

绑定方式一(对象语法):

v-bind:style='{key:value,key:value}'

style后面跟的是一个对象类型

(1)对象的key是CSS属性名(2)对象的value是具体赋值,值可以来自data的属性

例如:v-bind:style='{color:currentColor,fontSize:fontSize + 'px'}'

绑定方式二(数组语法):

v-bind:style='[baseStyless,overridingStyles]'

style后面跟的是数组,多个值以逗号分隔。

例如:data中含有baseStyles:{backgroundColor:'red'},overridingStyles:{fontSize:'100px'}

    

posted @ 2021-06-22 18:04  梦幻轩  阅读(492)  评论(0编辑  收藏  举报