关于Vue标签绑定内嵌样式的小问题

关于Vue标签绑定内嵌样式的小问题

像下面这样绑定带 '-'的属性时，向下面这样绑定是没有效果的

<p v-bind:style = "{ background=color:'red',font-size:products.id+25+'px'}">

可以改成如下

<p v-bind:style = "{ backgroundColor:'red',fontSize:products.id+25+'px'}">

或者使用引号将属性名包裹起来:

<p v-bind:style = "{ 'background=color':'red','font-size':products.id+25+'px'}">