当属性名中含有js不支持的变量命名格式,如:-(不是下划线)和空格,也需要用’ ’ 引起来。
例如:
<div id="app">
<p v-bind:style="{'font-size':'100px'}">ohmybaby</p>
<p v-bind:style="{color:'red'}">ohmybaby</p>
</div>
color 不需要
font-size 需要
因为vue会将"{}"中的内容应用到js中处理
当属性名中含有js不支持的变量命名格式,如:-(不是下划线)和空格,也需要用’ ’ 引起来。
例如:
<div id="app">
<p v-bind:style="{'font-size':'100px'}">ohmybaby</p>
<p v-bind:style="{color:'red'}">ohmybaby</p>
</div>
color 不需要
font-size 需要
因为vue会将"{}"中的内容应用到js中处理