vue---class和style的基本用法

Posted wangweigit3077

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue---class和style的基本用法相关的知识,希望对你有一定的参考价值。

不多BB了 直接上代码了 通俗移动易懂总结了5种常用改变样式 的形式

  <style>
    .actived2{
      color:red;
    }
  </style>
</head>
<body>
  <div class="app">
    <div :style="actived">aaa</div>
    <div :style="[actived]">aaa</div>
    <div :style="{color:‘red‘}">aaa</div>

    <div :class="[‘actived2‘]">aaa</div>
    <div :class="{actived2:isActived}">aaa</div>

  </div>
</body>
<script>
  const app = new Vue({
    el:.app,
    data:{
      actived:{
        color:"red"
      },
      isActived:true
    }
  })
</script>

 

以上是关于vue---class和style的基本用法的主要内容,如果未能解决你的问题,请参考以下文章

vue class与style绑定

Vue Class与Style绑定

Vue Class与Style绑定

vue class and style学习(简单记录)

vue1 class style

vue class与style 绑定详解——小白速会