vue动态添加style样式 注意:

凡是有-的style属性名都要变成驼峰式，比如font-size要变成fontSize 除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:’#00a2ff’而不是 backgroundColor:#00a2ff 【对象】 html :style="{ color: activeColor, fontSize: fontSize + ‘px’ }"

html :style="{color:(index==0?conFontColor:’#000’)}"

【数组】 html :style="[baseStyles, overridingStyles]" html :style="[{color:(index0?conFontColor:’#000’)},{fontSize:‘20px’}]" 【三目运算符】 html :style="{color:(index0?conFontColor:’#000’)}" html :style="[{color:(index==0?conFontColor:’#000’)},{fontSize:‘20px’}]" 【多重值】 此时，浏览器会根据运行支持情况进行选择

html :style="{ display: [’-webkit-box’, ‘-ms-flexbox’, ‘flex’] }" 【绑定data对象】 html :style=“styleObject” data() { return{ styleObject: { color: ‘red’, fontSize: ‘13px’ } } } 原创：https://juejin.cn/post/6844903921509466120

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。