vue.js 样式绑定 font-size 问题

 

正确的写法是：

<span v-bind:style="{color:indexObj.color,fontSize:indexObj.fontSize1+'px'}">{{indexObj.satisfactionRankName}}</span>

注意

1用逗号分隔

2font-size 改写为fontSize

（vue中样式绑定大都需要进行以上改动，可能为了方便的渲染为js对象）

3如果是用visual studio的MVC模式开发，还需要注意加上 v-bind。

如果不加，vs在复制粘贴时会默认去掉前方的冒号!

 

vue.js样式绑定相关文档

https://www.runoob.com/vue2/vue-class-style.html