欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

[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 vue