vue 的 :style 动态绑定样式

  • Post author:
  • Post category:vue





vue  的 :style 动态绑定样式



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


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

结果,报错!!!

重写还是报错!

检查符号后,还是报错!

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

正确的书写方式:


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

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

完美



版权声明:本文为weixin_44091915原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。