vue绑定内联样式
对象语法由key和value
key就是样式属性名,value就是样式值(可以使用动态值,也可以静态值)
样式属性名包含特殊字符号,要么驼峰写法,要么使用引号包裹
我们可以在js中控制值的改变
将colorValue的值和我们data中的数据进行绑定,当data中的colorValue发生改变时,color样式也会发生改变
<div v-bind:style="{color:colorValue,fontSize:size,'font-weight':weight}">
我是div的内容
</div>
<script>
let vm = new Vue({
el : "#app",
data : {
colorValue:'blue',
size:'30px',
weight:'bold',
}
})
</script>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】