内联样式style

Frilled Lizard

于 2024-03-01 16:18:27 发布

阅读量476

点赞数 5

文章标签： vue.js 前端 javascript 开发语言

本文链接：https://blog.csdn.net/Zing_ing/article/details/136399745

版权

    <!-- 当内联样式是字符串时可以正常写，但如果是js表达式时，必须写成fontSize（小驼峰），要使用font-size则可以采用以下2种方式 -->
    <div style="font-size:21px">{{name}}</div>
    <div :style="{['font-size']:fsize+'px'}">{{name}}</div>
    <div :style="{'font-size':fsize+'px'}">{{name}}</div>
    <div :style="{fontSize:fsize+'px'}">{{name}}</div>