vue  的 :style 动态绑定样式

开始我只是想给文字加一个行高:

<div class="style" :style="{ height:52px,line-height:52px }"></div>

结果,报错!!!

重写还是报错!

检查符号后,还是报错!

无奈之下,查询了一些资料,发现,在动态绑定style的时候,需要驼峰式写法才能生效,于是乎,暴躁的按键奋起乱舞,一阵乱舞过后,报错消失了!哈哈~~~

正确的书写方式:

<div class="style" :style="{ height:52px,lineHeight:52px }"></div>

最后提示一句,两个样式之间,要用逗号隔开,而不是分号!

完美

Logo

前往低代码交流专区

更多推荐