[vue] style样式绑定
程序员文章站
2022-05-15 18:17:19
...
语法:v-bind:style=“表达式” 或者 :style=“表达式”
style的表达式一般为对象:如
:style="{color:activeClass,fontSize:fontSize+‘px’}"
<div id="app">
<p :style="{color:activeClass,fontSize:fontSize+'px'}">字符串表达式</p>
</div>
<script>
var vm=new Vue({
el: '#app',
data: {
activeClass:'green',
fontSize:30
}
})
</script>
上一篇: vue 动态绑定style样式
下一篇: vue动态绑定样式:style